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;