tbg-ecomm-nextjs/.next/cache/next-babel-loader/ad6ca843d94d260db273bb8e7684e7fe.json

{"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  });\n  var Productcbu = cbu.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: 253,\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: 254,\n        columnNumber: 9\n      }\n    }, __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 255,\n        columnNumber: 13\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 256,\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: 257,\n        columnNumber: 17\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 259,\n        columnNumber: 17\n      }\n    }, __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 260,\n        columnNumber: 17\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 260,\n        columnNumber: 21\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261,\n        columnNumber: 17\n      }\n    }, __jsx(\"b\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 262,\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: 262,\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: 264,\n        columnNumber: 17\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 268,\n        columnNumber: 21\n      }\n    }, \"open_in_new\"), \"Detail Product\"))))));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 284,\n      columnNumber: 5\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 285,\n      columnNumber: 7\n    }\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 9\n    }\n  }, \"Product\")), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 7\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 289,\n      columnNumber: 9\n    }\n  }, __jsx(\"h2\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 11\n    }\n  }, __jsx(\"b\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 15\n    }\n  }, \"Product & Facilities\"))), __jsx(GridContainer, {\n    justify: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 292,\n      columnNumber: 11\n    }\n  }, __jsx(GridItem, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 13\n    }\n  }, __jsx(NavPills, {\n    alignCenter: true,\n    color: \"primary\",\n    tabs: [{\n      tabButton: \"Maxi\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 302,\n          columnNumber: 23\n        }\n      }, Productmaxi)\n    }, {\n      tabButton: \"Matic\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 311,\n          columnNumber: 23\n        }\n      }, Productmatic)\n    }, {\n      tabButton: \"Naked Bike\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 320,\n          columnNumber: 23\n        }\n      }, Productnaked)\n    }, {\n      tabButton: \"Sport\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 329,\n          columnNumber: 23\n        }\n      }, Productsport)\n    }, {\n      tabButton: \"Off Road\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 23\n        }\n      }, Productoffroad)\n    }, {\n      tabButton: \"Moped\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 347,\n          columnNumber: 23\n        }\n      }, Productmoped)\n    }, {\n      tabButton: \"Monster Energy MotoGP\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 356,\n          columnNumber: 23\n        }\n      }, Productmonsterenergy)\n    }, {\n      tabButton: \"CBU\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 365,\n          columnNumber: 23\n        }\n      }, Productcbu)\n    } // {\n    //   tabButton: \"ATV\",\n    //   tabIcon: Motorcycle,\n    //   tabContent: (\n    //     <GridContainer justify=\"center\">\n    //       {Productcbu}\n    //     </GridContainer>\n    //   ),\n    // },\n    ],\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 294,\n      columnNumber: 15\n    }\n  })))));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/product/product.js"],"names":["React","classNames","makeStyles","GridContainer","GridItem","NavPills","Card","CardBody","CardHeader","Button","styles","Icon","Motorcycle","NumberFormat","useStyles","DataProduct","backend","maxi","matic","naked","sport","offroad","moped","monsterenergy","cbu","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","Productmaxi","map","data","padding","marginTop","textCenter","width","display","img","name","price","id","icons","Productmatic","Productnaked","Productsport","Productoffroad","Productmoped","Productmonsterenergy","Productcbu","tabButton","tabIcon","tabContent"],"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\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, moped, monsterenergy, cbu, ...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    const Productmaxi = maxi.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                <Button\r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button>\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productmatic = matic.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productnaked = naked.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productsport = sport.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productoffroad = offroad.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productmoped = moped.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productmonsterenergy = monsterenergy.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\r\n      );\r\n    })\r\n    const Productcbu = cbu.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 style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"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/product_detail?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n                </Button>\r\n                {/* <Button \r\n                    color=\"info\" round\r\n                    href={\"/yamaha/cart/checkout?s=\"+data.id}\r\n                >\r\n                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n                </Button> */}\r\n                </div>\r\n            </div>\r\n            </CardBody>\r\n        </Card>\r\n        </div>\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>Product & Facilities</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: \"Maxi\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productmaxi}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Matic\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productmatic}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Naked Bike\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productnaked}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Sport\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productsport}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Off Road\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productoffroad}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Moped\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productmoped}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"Monster Energy MotoGP\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productmonsterenergy}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabButton: \"CBU\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {Productcbu}\r\n                      </GridContainer>\r\n                    ),\r\n                  },\r\n                  // {\r\n                  //   tabButton: \"ATV\",\r\n                  //   tabIcon: Motorcycle,\r\n                  //   tabContent: (\r\n                  //     <GridContainer justify=\"center\">\r\n                  //       {Productcbu}\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"}