yusmar
/
tbg-ecomm-nextjs


			
				
					
						
						
							
							{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\sparepart\\\\sparepart.js\";\nvar _excluded = [\"backend\", \"ygp\", \"yamalube\", \"rconcept\", \"mtx\", \"extreme\", \"ranger\", \"fighter\", \"swirl\", \"classic\", \"uno\", \"apparel\", \"asia\", \"basic\", \"merchand\", \"maxi\", \"rainsuit\", \"motogp\", \"offroad\", \"accessories\"];\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 _this = this;\n\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, _excluded);\n\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 21\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 25\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 25\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 29\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 29\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 32\n      }\n    }))), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 30\n      }\n    }), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/ygp_detail?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 29\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 78,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\",\n        height: \"350px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 21\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 25\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 25\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 29\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 29\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 32\n      }\n    }))), __jsx(\"br\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 30\n      }\n    }), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/yamalube_detail?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 29\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 17\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 107,\n        columnNumber: 21\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 108,\n        columnNumber: 21\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 25\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 25\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 29\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 113,\n        columnNumber: 25\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 114,\n        columnNumber: 29\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 114,\n        columnNumber: 32\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 25\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 29\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 162,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 167,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 168,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 168,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 188,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 189,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 190,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 192,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 194,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 201,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 224,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 228,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 241,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 242,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 243,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 244,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 246,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 247,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 247,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 248,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 249,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 249,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 251,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 255,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 267,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 268,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 269,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 270,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 271,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 273,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 275,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 282,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 295,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 296,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 300,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 301,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 301,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 302,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 303,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 303,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 305,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 309,\n        columnNumber: 25\n      }\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 321,\n        columnNumber: 13\n      }\n    }, __jsx(Card, {\n      className: classes.textCenter,\n      align: \"center\",\n      style: {\n        width: \"300px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 322,\n        columnNumber: 13\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 323,\n        columnNumber: 17\n      }\n    }, __jsx(\"div\", {\n      align: \"center\",\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 324,\n        columnNumber: 17\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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 325,\n        columnNumber: 21\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 327,\n        columnNumber: 21\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 328,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 328,\n        columnNumber: 25\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 329,\n        columnNumber: 21\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 330,\n        columnNumber: 25\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 330,\n        columnNumber: 28\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/helmet_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 332,\n        columnNumber: 21\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 336,\n        columnNumber: 25\n      }\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  }); // const ApparelAsia = asia.map((data) => {\n  //     return (   \n  //     <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \n  //     <Card className={classes.textCenter} align=\"center\" style={{width:\"350px\"}}>\n  //         <CardBody>\n  //         <div style={{padding:\"10px\"}}>\n  //             <img\n  //                 alt=\"...\"\n  //                 style={{ height: \"150px\", display: \"block\" }}\n  //                 src={`${backend}${data.img[\"url\"]}`}\n  //                 className={navImageClasses}\n  //             />\n  //             <div align=\"center\">\n  //             <h5><b>{data.name}</b></h5>\n  //             <h5>\n  //                 <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'}/></b>\n  //             </h5>\n  //             <Button \n  //                 color=\"info\" round\n  //                 href={\"/yamaha/product/apparel_details?s=\"+data.id}\n  //             >\n  //                 <Icon className={classes.icons}>open_in_new</Icon>Detail Product\n  //             </Button>\n  //             </div>\n  //         </div>\n  //         </CardBody>\n  //     </Card>\n  //     </div>\n  //     );\n  // })\n  // const Accessories = accessories.map((data) => {\n  //     return (\n  //         <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \n  //         <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\n  //             <CardBody>\n  //             <div align=\"center\" style={{padding:\"10px\"}}>\n  //                 <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\n  //                 />\n  //                 <div align=\"center\">\n  //                 <h5><b>{data.name}</b></h5>\n  //                 <h5>\n  //                     <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\n  //                 </h5>\n  //                 <Button \n  //                     color=\"info\" round\n  //                     href={\"/yamaha/product/helmet_details?s=\"+data.id}\n  //                 >\n  //                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product\n  //                 </Button>\n  //                 </div>\n  //             </div>\n  //             </CardBody>\n  //         </Card>\n  //         </div>\n  //     );\n  // })\n\n  return __jsx(Card, {\n    className: classes.textCenter,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 405,\n      columnNumber: 5\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 406,\n      columnNumber: 9\n    }\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 407,\n      columnNumber: 13\n    }\n  }, \"Product\")), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 409,\n      columnNumber: 9\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 410,\n      columnNumber: 13\n    }\n  }, __jsx(\"h2\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 411,\n      columnNumber: 13\n    }\n  }, __jsx(\"b\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 411,\n      columnNumber: 17\n    }\n  }, \"Sparepart & Accessories\"))), __jsx(GridContainer, {\n    justify: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 413,\n      columnNumber: 13\n    }\n  }, __jsx(GridItem, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 414,\n      columnNumber: 17\n    }\n  }, __jsx(NavPills, {\n    alignCenter: true,\n    color: \"primary\",\n    tabs: [{\n      tabButton: \"YGP\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 423,\n          columnNumber: 25\n        }\n      }, YGP)\n    }, {\n      tabButton: \"Yamalube\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 432,\n          columnNumber: 25\n        }\n      }, Yamalube)\n    }, {\n      tabButton: \"Helmet\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(\"div\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 441,\n          columnNumber: 29\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 442,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 443,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 446,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 446,\n            columnNumber: 49\n          }\n        }, \"R CONCEPT\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 444,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 452,\n          columnNumber: 37\n        }\n      }, HelmetRConcepts)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 455,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 455,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 456,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 457,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 460,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 460,\n            columnNumber: 49\n          }\n        }, \"MTX\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 458,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 466,\n          columnNumber: 37\n        }\n      }, HelmetMTX)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 469,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 469,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 470,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 471,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 474,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 474,\n            columnNumber: 49\n          }\n        }, \"Extreme\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 472,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 480,\n          columnNumber: 37\n        }\n      }, HelmetExtreme)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 483,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 483,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 484,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 485,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 488,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 488,\n            columnNumber: 49\n          }\n        }, \"Ranger\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 486,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 494,\n          columnNumber: 37\n        }\n      }, HelmetRanger)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 497,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 497,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 498,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 499,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 502,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 502,\n            columnNumber: 49\n          }\n        }, \"Fighter\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 500,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 508,\n          columnNumber: 37\n        }\n      }, HelmetFighter)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 511,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 511,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 512,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 513,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 516,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 516,\n            columnNumber: 49\n          }\n        }, \"Swirl\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 514,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 522,\n          columnNumber: 37\n        }\n      }, HelmetSwirl)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 525,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 525,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 526,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 527,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 530,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 530,\n            columnNumber: 49\n          }\n        }, \"Classic\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 528,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 536,\n          columnNumber: 37\n        }\n      }, HelmetClassic)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 539,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 539,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        style: {\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 540,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 541,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 544,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 544,\n            columnNumber: 49\n          }\n        }, \"Uno\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 542,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 550,\n          columnNumber: 37\n        }\n      }, HelmetUno)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 553,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 553,\n          columnNumber: 48\n        }\n      }))\n    }, {\n      tabButton: \"Apparel\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(\"div\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 561,\n          columnNumber: 29\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 562,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 563,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 566,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 566,\n            columnNumber: 49\n          }\n        }, \"R Concept Apprael\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 564,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 572,\n          columnNumber: 37\n        }\n      }, ApparelRConcept)), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 575,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 575,\n          columnNumber: 48\n        }\n      }), __jsx(\"div\", {\n        align: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 576,\n          columnNumber: 33\n        }\n      }, __jsx(\"div\", {\n        align: \"center\",\n        className: classes.section,\n        id: \"notifications\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 577,\n          columnNumber: 37\n        }\n      }, __jsx(SnackbarContent, {\n        message: __jsx(\"h4\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 580,\n            columnNumber: 45\n          }\n        }, __jsx(\"b\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 580,\n            columnNumber: 49\n          }\n        }, \"46 Asia\")),\n        align: \"center\",\n        color: \"info\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 578,\n          columnNumber: 41\n        }\n      })), __jsx(GridContainer, {\n        justify: \"center\",\n        style: {\n          padding: \"40px\",\n          marginTop: \"-50px\"\n        },\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 586,\n          columnNumber: 37\n        }\n      })), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 589,\n          columnNumber: 39\n        }\n      }), __jsx(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 589,\n          columnNumber: 48\n        }\n      }))\n    } // {\n    //     tabButton: \"Accessories\",\n    //     tabIcon: Motorcycle,\n    //     tabContent: (\n    //     <GridContainer justify=\"center\">\n    //         {Accessories}\n    //     </GridContainer>\n    //     ),\n    // },\n    ],\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 415,\n      columnNumber: 17\n    }\n  })))));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/sparepart/sparepart.js"],"names":["React","classNames","makeStyles","GridContainer","GridItem","NavPills","Card","CardBody","CardHeader","Button","styles","Icon","Motorcycle","NumberFormat","SnackbarContent","useStyles","DataProduct","backend","ygp","yamalube","rconcept","mtx","extreme","ranger","fighter","swirl","classic","uno","apparel","asia","basic","merchand","maxi","rainsuit","motogp","offroad","accessories","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","YGP","map","data","padding","marginTop","textCenter","width","display","img","name","price","id","icons","Yamalube","height","HelmetRConcepts","HelmetMTX","HelmetExtreme","HelmetRanger","HelmetFighter","HelmetSwirl","HelmetClassic","HelmetUno","ApparelRConcept","tabButton","tabIcon","tabContent","section"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport NavPills from \"components/NavPills/NavPills.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { Motorcycle } from \"@material-ui/icons\";\r\nimport NumberFormat from 'react-number-format';\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataProduct = function ({ \r\n    backend, \r\n    ygp,\r\n    yamalube,\r\n    rconcept,\r\n    mtx, \r\n    extreme, \r\n    ranger, \r\n    fighter, \r\n    swirl, \r\n    classic, \r\n    uno,\r\n    apparel,\r\n    asia, \r\n    basic,\r\n    merchand, \r\n    maxi, \r\n    rainsuit, \r\n    motogp, \r\n    offroad,\r\n    accessories, ...props })  {\r\n    const classes = useStyles();\r\n    const { ...rest } = props;\r\n    const imageClasses = classNames(\r\n        classes.imgRaised,\r\n        classes.imgRoundedCircle,\r\n        classes.imgFluid\r\n    );\r\n    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n\r\n    const YGP = ygp.map((data) => {\r\n        return (\r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n                <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                    <CardBody>\r\n                    <div align=\"center\" style={{padding:\"10px\"}}>\r\n                        <img style={{ width: \"150px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                        />\r\n                        <div align=\"center\">\r\n                        <h5><b>{data.name}</b></h5>\r\n                        <h5>\r\n                            <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                        </h5><br/>\r\n                        <Button \r\n                            color=\"info\" round\r\n                            href={\"/yamaha/product/ygp_detail?s=\"+data.id}\r\n                        >\r\n                            <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                        </Button>\r\n                        </div>\r\n                    </div>\r\n                    </CardBody>\r\n                </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const Yamalube = yamalube.map((data) => {\r\n        return (\r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n                <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\", height:\"350px\"}}>\r\n                    <CardBody>\r\n                    <div align=\"center\" style={{padding:\"10px\"}}>\r\n                        <img style={{ width: \"100px\", height:\"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                        />\r\n                        <div align=\"center\">\r\n                        <h5><b>{data.name}</b></h5>\r\n                        <h5>\r\n                            <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                        </h5><br/>\r\n                        <Button \r\n                            color=\"info\" round\r\n                            href={\"/yamaha/product/yamalube_detail?s=\"+data.id}\r\n                        >\r\n                            <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                        </Button>\r\n                        </div>\r\n                    </div>\r\n                    </CardBody>\r\n                </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetRConcepts = rconcept.map((data) => {\r\n        return (\r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n                <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                    <CardBody>\r\n                    <div align=\"center\" style={{padding:\"10px\"}}>\r\n                        <img style={{ width: \"150px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                        />\r\n                        <div align=\"center\">\r\n                        <h5><b>{data.name}</b></h5>\r\n                        <h5>\r\n                            <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                        </h5>\r\n                        <Button \r\n                            color=\"info\" round\r\n                            href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                        >\r\n                            <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                        </Button>\r\n                        </div>\r\n                    </div>\r\n                    </CardBody>\r\n                </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetMTX = mtx.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetExtreme = extreme.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetRanger = ranger.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetFighter = fighter.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetSwirl = swirl.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetClassic = classic.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const HelmetUno = uno.map((data) => {\r\n        return (      \r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    const ApparelRConcept = apparel.map((data) => {\r\n        return (\r\n            <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n            <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n                <CardBody>\r\n                <div align=\"center\" style={{padding:\"10px\"}}>\r\n                    <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n                    />\r\n                    <div align=\"center\">\r\n                    <h5><b>{data.name}</b></h5>\r\n                    <h5>\r\n                        <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n                    </h5>\r\n                    <Button \r\n                        color=\"info\" round\r\n                        href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n                    >\r\n                        <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                    </Button>\r\n                    </div>\r\n                </div>\r\n                </CardBody>\r\n            </Card>\r\n            </div>\r\n        );\r\n    })\r\n\r\n    // const ApparelAsia = asia.map((data) => {\r\n    //     return (   \r\n    //     <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n    //     <Card className={classes.textCenter} align=\"center\" style={{width:\"350px\"}}>\r\n    //         <CardBody>\r\n    //         <div style={{padding:\"10px\"}}>\r\n    //             <img\r\n    //                 alt=\"...\"\r\n    //                 style={{ height: \"150px\", display: \"block\" }}\r\n    //                 src={`${backend}${data.img[\"url\"]}`}\r\n    //                 className={navImageClasses}\r\n    //             />\r\n    //             <div align=\"center\">\r\n    //             <h5><b>{data.name}</b></h5>\r\n    //             <h5>\r\n    //                 <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'}/></b>\r\n    //             </h5>\r\n    //             <Button \r\n    //                 color=\"info\" round\r\n    //                 href={\"/yamaha/product/apparel_details?s=\"+data.id}\r\n    //             >\r\n    //                 <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n    //             </Button>\r\n    //             </div>\r\n    //         </div>\r\n    //         </CardBody>\r\n    //     </Card>\r\n    //     </div>\r\n    //     );\r\n    // })\r\n\r\n    // const Accessories = accessories.map((data) => {\r\n    //     return (\r\n    //         <div style={{padding: \"20px\", marginTop:\"-40px\"}}>   \r\n    //         <Card className={classes.textCenter} align=\"center\" style={{width:\"300px\"}}>\r\n    //             <CardBody>\r\n    //             <div align=\"center\" style={{padding:\"10px\"}}>\r\n    //                 <img style={{ width: \"100px\", display: \"block\" }} src={`${backend}${data.img[\"url\"]}`} className={navImageClasses}\r\n    //                 />\r\n    //                 <div align=\"center\">\r\n    //                 <h5><b>{data.name}</b></h5>\r\n    //                 <h5>\r\n    //                     <b><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></b>\r\n    //                 </h5>\r\n    //                 <Button \r\n    //                     color=\"info\" round\r\n    //                     href={\"/yamaha/product/helmet_details?s=\"+data.id}\r\n    //                 >\r\n    //                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n    //                 </Button>\r\n    //                 </div>\r\n    //             </div>\r\n    //             </CardBody>\r\n    //         </Card>\r\n    //         </div>\r\n    //     );\r\n    // })\r\n\r\n    return (\r\n    <Card className={classes.textCenter}>\r\n        <div align=\"center\">\r\n            <CardHeader color=\"info\">Product</CardHeader>\r\n        </div>\r\n        <CardBody>\r\n            <div align=\"center\">\r\n            <h2><b>Sparepart & Accessories</b></h2>\r\n            </div>\r\n            <GridContainer justify=\"center\">\r\n                <GridItem>\r\n                <NavPills\r\n                    alignCenter\r\n                    color=\"primary\"\r\n                    tabs={[\r\n                    {\r\n                        tabButton: \"YGP\",\r\n                        tabIcon: Motorcycle,\r\n                        tabContent: (\r\n                        <GridContainer justify=\"center\">\r\n                            {YGP}\r\n                        </GridContainer>\r\n                        ),\r\n                    },\r\n                    {\r\n                        tabButton: \"Yamalube\",\r\n                        tabIcon: Motorcycle,\r\n                        tabContent: (\r\n                        <GridContainer justify=\"center\">\r\n                            {Yamalube}\r\n                        </GridContainer>\r\n                        ),\r\n                    },\r\n                    {\r\n                        tabButton: \"Helmet\",\r\n                        tabIcon: Motorcycle,\r\n                        tabContent: (\r\n                            <div>\r\n                                <div align=\"center\">\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>R CONCEPT</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetRConcepts}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>MTX</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetMTX}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Extreme</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetExtreme}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Ranger</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetRanger}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Fighter</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetFighter}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Swirl</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetSwirl}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Classic</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetClassic}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\" style={{marginTop:\"-50px\"}}>\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>Uno</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {HelmetUno}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                            </div>\r\n                        ),\r\n                    },\r\n                    {\r\n                        tabButton: \"Apparel\",\r\n                        tabIcon: Motorcycle,\r\n                        tabContent: (\r\n                            <div>\r\n                                <div align=\"center\">\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>R Concept Apprael</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        {ApparelRConcept}\r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                                <div align=\"center\">\r\n                                    <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                                        <SnackbarContent\r\n                                        message={\r\n                                            <h4><b>46 Asia</b></h4>\r\n                                        }\r\n                                        align=\"center\"\r\n                                        color=\"info\"\r\n                                        />\r\n                                    </div>\r\n                                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-50px\"}}>\r\n                                        \r\n                                    </GridContainer>\r\n                                </div><br></br><br></br>\r\n                            </div>\r\n                        ),\r\n                    },\r\n                    // {\r\n                    //     tabButton: \"Accessories\",\r\n                    //     tabIcon: Motorcycle,\r\n                    //     tabContent: (\r\n                    //     <GridContainer justify=\"center\">\r\n                    //         {Accessories}\r\n                    //     </GridContainer>\r\n                    //     ),\r\n                    // },\r\n                    ]}\r\n                />\r\n                </GridItem>\r\n            </GridContainer>\r\n        </CardBody>\r\n    </Card>\r\n    );\r\n}\r\n\r\nexport default DataProduct;"]},"metadata":{},"sourceType":"module"}