{"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\honda\\\\product\\\\product.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 Dashboard from \"@material-ui/icons/Dashboard\";\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 CardFooter from \"components/Card/CardFooter.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\";\nconst useStyles = makeStyles(styles);\n\nconst DataProduct = function (_ref) {\n let {\n backend,\n car\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"backend\", \"car\"]);\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 ProductSuzuki = car.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: 30,\n columnNumber: 13\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: 31,\n columnNumber: 13\n }\n }, __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 17\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 17\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: `${backend}${data.img[0][\"url\"]}`,\n className: navImageClasses,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 21\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 21\n }\n }, __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 21\n }\n }, data.name), __jsx(\"h5\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 21\n }\n }, \"Rp.\", data.price), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/honda/product/product_details?s=\" + data.id,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 21\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 25\n }\n }, \"open_in_new\"), \"Detail Product\"), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/honda/cart/checkout?s=\" + data.id,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 21\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 25\n }\n }, \"shopping_cart\"), \"Add to Cart\"))))));\n });\n return __jsx(Card, {\n className: classes.textCenter,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 5\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 9\n }\n }, __jsx(CardHeader, {\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 13\n }\n }, \"Product\")), __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 13\n }\n }, __jsx(\"h2\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 13\n }\n }, \"Product & Facilities\")), __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 13\n }\n }, __jsx(GridItem, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 17\n }\n }, __jsx(NavPills, {\n alignCenter: true,\n color: \"primary\",\n tabs: [{\n tabButton: \"Brio\",\n tabIcon: Dashboard,\n tabContent: __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 25\n }\n }, ProductSuzuki)\n }],\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 17\n }\n })))));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/honda/product/product.js"],"names":["React","classNames","makeStyles","Dashboard","GridContainer","GridItem","NavPills","Card","CardBody","CardHeader","CardFooter","Button","styles","Icon","useStyles","DataProduct","backend","car","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","ProductSuzuki","map","data","padding","marginTop","textCenter","width","display","img","name","price","id","icons","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 Dashboard from \"@material-ui/icons/Dashboard\";\r\n\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 CardFooter from \"components/Card/CardFooter.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\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataProduct = function ({ backend, car, ...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 ProductSuzuki = car.map((data) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
{data.name}
\r\n
Rp.{data.price}
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n })\r\n return (\r\n \r\n
\r\n Product\r\n
\r\n \r\n
\r\n

Product & Facilities

\r\n
\r\n \r\n \r\n \r\n {ProductSuzuki}\r\n \r\n ),\r\n },\r\n ]}\r\n />\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default DataProduct;"]},"metadata":{},"sourceType":"module"}