import React from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import Dashboard from "@material-ui/icons/Dashboard"; import GridContainer from "components/Grid/GridContainer.js"; import GridItem from "components/Grid/GridItem.js"; import NavPills from "components/NavPills/NavPills.js"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import CardHeader from "components/Card/CardHeader.js"; import CardFooter from "components/Card/CardFooter.js"; import Button from "components/CustomButtons/Button.js"; import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js"; import Icon from "@material-ui/core/Icon"; const useStyles = makeStyles(styles); const DataProduct = function ({ backend, yamaha, suzuki, honda, hino, mercedes, bpr, emilia, homes, ...props }) { const classes = useStyles(); const { ...rest } = props; const imageClasses = classNames( classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid ); const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); const Productyamaha = yamaha.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Productsuzuki = suzuki.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Producthonda = honda.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Producthino = hino.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Productmercedes = mercedes.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Productbpr = bpr.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Productemilia = emilia.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) const Producthomes = homes.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) return (
Product

Product & Facilities

{Productyamaha} ), }, { tabButton: "Matic", tabIcon: Dashboard, tabContent: ( {Productsuzuki} ), }, { tabButton: "Naked Bike", tabIcon: Dashboard, tabContent: ( {Producthonda} ), }, { tabButton: "Sport", tabIcon: Dashboard, tabContent: ( {Producthino} ), }, { tabButton: "Off Road", tabIcon: Dashboard, tabContent: ( {Productmercedes} ), }, { tabButton: "Moped", tabIcon: Dashboard, tabContent: ( {Productmercedes} ), }, { tabButton: "Monster Energy MotoGP", tabIcon: Dashboard, tabContent: ( {Productemilia} ), }, { tabButton: "CBU", tabIcon: Dashboard, tabContent: ( {Producthomes} ), }, { tabButton: "ATV", tabIcon: Dashboard, tabContent: ( {Producthomes} ), }, { tabButton: "Power Product", tabIcon: Dashboard, tabContent: ( {Producthomes} ), }, ]} />
); } export default DataProduct;