yusmar
/
tbg-ecomm-nextjs


			
				
					
						
						
							
							{"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\sparepart\\\\sparepart.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\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\";\nconst useStyles = makeStyles(styles);\n\nconst DataProduct = function (_ref) {\n  let {\n    backend,\n    ygp,\n    yamalube,\n    rconcept,\n    mtx,\n    extreme,\n    ranger,\n    fighter,\n    swirl,\n    classic,\n    uno,\n    apparel,\n    asia,\n    basic,\n    merchand,\n    maxi,\n    rainsuit,\n    motogp,\n    offroad,\n    accessories\n  } = _ref,\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  const classes = useStyles();\n  const rest = Object.assign({}, props);\n  const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  const YGP = ygp.map(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: `${backend}${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  const Yamalube = yamalube.map(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: `${backend}${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  const HelmetRConcepts = rconcept.map(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: `${backend}${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  const HelmetMTX = mtx.map(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: `${backend}${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  const HelmetExtreme = extreme.map(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: `${backend}${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  const HelmetRanger = ranger.map(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: `${backend}${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  const HelmetFighter = fighter.map(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: `${backend}${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  const HelmetSwirl = swirl.map(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: `${backend}${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  const HelmetClassic = classic.map(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: `${backend}${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  const HelmetUno = uno.map(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: `${backend}${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  const ApparelRConcept = apparel.map(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: `${backend}${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      }, \"// \", ApparelAsia)), __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","ApparelAsia"],"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                                        // {ApparelAsia}\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"}