{"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\\\\product\\\\product.js\";\nvar _excluded = [\"backend\", \"maxi\", \"matic\", \"naked\", \"sport\", \"offroad\", \"moped\", \"monsterenergy\", \"cbu\"];\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';\nvar useStyles = makeStyles(styles);\n\nvar DataProduct = function DataProduct(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n maxi = _ref.maxi,\n matic = _ref.matic,\n naked = _ref.naked,\n sport = _ref.sport,\n offroad = _ref.offroad,\n moped = _ref.moped,\n monsterenergy = _ref.monsterenergy,\n cbu = _ref.cbu,\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 Productmaxi = maxi.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: 29,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 19\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: 38,\n columnNumber: 22\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/cart/checkout?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 21\n }\n }, \"shopping_cart\"), \"Add to Cart\"))))));\n });\n var Productmatic = matic.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: 61,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 19\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: 70,\n columnNumber: 22\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productnaked = naked.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: 93,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 19\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: 102,\n columnNumber: 22\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productsport = sport.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: 125,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 127,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 131,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 133,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 134,\n columnNumber: 19\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: 134,\n columnNumber: 22\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 136,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 140,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productoffroad = offroad.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: 157,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 160,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 161,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 163,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 165,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 19\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: 166,\n columnNumber: 22\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 168,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productmoped = moped.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: 189,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 192,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 193,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 196,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 197,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 198,\n columnNumber: 21\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: 198,\n columnNumber: 24\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 200,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 204,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productmonsterenergy = monsterenergy.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: 221,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 222,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 223,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 224,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 225,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 227,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 228,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 228,\n columnNumber: 21\n }\n }, data.name)), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 229,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 230,\n columnNumber: 21\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: 230,\n columnNumber: 24\n }\n }))), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 232,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 236,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"))))));\n }); // const Productcbu = cbu.map((data) => {\n // return (\n //