yusmar
/
tbg-ecomm-nextjs
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 Commitit
1 Haara
204 MiB
 
 
Puu: 99b05e925a
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '99b05e925a'
${ noResults }
tbg-ecomm-nextjs/.next/cache/next-babel-loader/48860624e93fa5c5ea4e242af7a...

1 rivi
23 KiB
Raaka Blame Historia 

  1. {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport { Motorcycle } from \"@material-ui/icons\";\nimport NumberFormat from 'react-number-format';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataProduct = function DataProduct(_ref) {\n  var backend = _ref.backend,\n      ygp = _ref.ygp,\n      yamalube = _ref.yamalube,\n      rconcept = _ref.rconcept,\n      mtx = _ref.mtx,\n      extreme = _ref.extreme,\n      ranger = _ref.ranger,\n      fighter = _ref.fighter,\n      swirl = _ref.swirl,\n      classic = _ref.classic,\n      uno = _ref.uno,\n      apparel = _ref.apparel,\n      asia = _ref.asia,\n      basic = _ref.basic,\n      merchand = _ref.merchand,\n      maxi = _ref.maxi,\n      rainsuit = _ref.rainsuit,\n      motogp = _ref.motogp,\n      offroad = _ref.offroad,\n      accessories = _ref.accessories,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"ygp\", \"yamalube\", \"rconcept\", \"mtx\", \"extreme\", \"ranger\", \"fighter\", \"swirl\", \"classic\", \"uno\", \"apparel\", \"asia\", \"basic\", \"merchand\", \"maxi\", \"rainsuit\", \"motogp\", \"offroad\", \"accessories\"]);\n\n  console.log(rconcept);\n  var classes = useStyles();\n\n  var rest = _extends({}, props);\n\n  var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  var YGP = ygp.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"150px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(\"br\", null), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/ygp_detail?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var Yamalube = yamalube.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\",\n        height: \"350px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        height: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(\"br\", null), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/yamalube_detail?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetRConcepts = rconcept.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"150px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetMTX = mtx.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetExtreme = extreme.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetRanger = ranger.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetFighter = fighter.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetSwirl = swirl.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetClassic = classic.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var HelmetUno = uno.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var ApparelRConcept = apparel.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var ApparelAsia = asia.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"350px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        height: \"150px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/apparel_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  var Accessories = accessories.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"20px\",\n        marginTop: \"-40px\"\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      }\n    }, __jsx(CardBody, null, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"100px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.'\n    })), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter\n  }, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(CardHeader, {\n    color: \"info\"\n  }, \"Product\")), __jsx(CardBody, null, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(\"h2\", null, \"Sparepart & Accessories\")), __jsx(GridContainer, {\n    justify: \"center\"\n  }, __jsx(GridItem, null, __jsx(NavPills, {\n    alignCenter: true,\n    color: \"primary\",\n    tabs: [{\n      tabButton: \"YGP\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, YGP)\n    }, {\n      tabButton: \"Yamalube\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, Yamalube)\n    }, {\n      tabButton: \"Helmet\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(\"div\", null, __jsx(\"div\", {\n        align: \"center\"\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"R CONCEPT\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetRConcepts)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"MTX\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetMTX)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Extreme\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetExtreme)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Ranger\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetRanger)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Fighter\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetFighter)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Swirl\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetSwirl)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Classic\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetClassic)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"Uno\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, HelmetUno)), __jsx(\"br\", null), __jsx(\"br\", null))\n    }, {\n      tabButton: \"Apparel\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(\"div\", null, __jsx(\"div\", {\n        align: \"center\"\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"R Concept Apprael\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, ApparelRConcept)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n        align: \"center\"\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\"\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", null, \"46 Asia\"),\n        align: \"center\",\n        color: \"info\"\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        }\n      }, ApparelAsia)), __jsx(\"br\", null), __jsx(\"br\", null))\n    }, {\n      tabButton: \"Accessories\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\"\n      }, Accessories)\n    }]\n  })))));\n};\n\nexport default DataProduct;","map":null,"metadata":{},"sourceType":"module"}