import React from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import Select from 'react-select'; import Button from "components/CustomButtons/Button.js"; import Icon from "@material-ui/core/Icon"; import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import GridContainer from "components/Grid/GridContainer.js"; const useStyles = makeStyles(styles); const DataHelmet = function ({ selected, handleName, backend, helmet, ...props }) { const classes = useStyles(); const { ...rest } = props; const imageClasses = classNames( classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid ); const navImageClasses = classNames(classes.imgRounded, classes.imgGallery); const ProductHelmet = helmet.map((data) => { return (
...

{data.name}

Rp.{data.price}

); }) return (

Yamaha Helmet