{"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\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\";\nimport NumberFormat from 'react-number-format';\nimport { Motorcycle } from \"@material-ui/icons\";\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: 32,\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: 33,\n        columnNumber: 11\n      }\n    }, __jsx(CardBody, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 13\n      }\n    }, __jsx(\"div\", {\n      style: {\n        padding: \"10px\"\n      },\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 15\n      }\n    }, __jsx(\"img\", {\n      style: {\n        width: \"250px\",\n        display: \"block\"\n      },\n      src: `${backend}${data.img[\"url\"]}`,\n      className: navImageClasses,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 17\n      }\n    }), __jsx(\"div\", {\n      align: \"center\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 17\n      }\n    }, __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 19\n      }\n    }, __jsx(\"b\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 23\n      }\n    }, data.name)), __jsx(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 19\n      }\n    }, __jsx(\"b\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 23\n      }\n    }, __jsx(NumberFormat, {\n      value: data.price1,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 21\n      }\n    }), \" s/d  \", __jsx(NumberFormat, {\n      value: data.price2,\n      displayType: 'text',\n      thousandSeparator: true,\n      prefix: 'Rp.',\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 124\n      }\n    }))), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/suzuki/product/product_detail?s=\" + data.id,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 19\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 23\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: 58,\n      columnNumber: 5\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 7\n    }\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60,\n      columnNumber: 9\n    }\n  }, \"Product\")), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 9\n    }\n  }, __jsx(\"h2\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 11\n    }\n  }, \"Product & Facilities\")), __jsx(GridContainer, {\n    justify: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 11\n    }\n  }, __jsx(GridItem, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 13\n    }\n  }, __jsx(NavPills, {\n    alignCenter: true,\n    color: \"primary\",\n    tabs: [{\n      tabButton: \"XL7\",\n      tabIcon: Motorcycle,\n      tabContent: __jsx(GridContainer, {\n        justify: \"center\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 23\n        }\n      }, ProductSuzuki)\n    }],\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 15\n    }\n  })))));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/suzuki/product/product.js"],"names":["React","classNames","makeStyles","Dashboard","GridContainer","GridItem","NavPills","Card","CardBody","CardHeader","CardFooter","Button","styles","Icon","NumberFormat","Motorcycle","useStyles","DataProduct","backend","car","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","ProductSuzuki","map","data","padding","marginTop","textCenter","width","display","img","name","price1","price2","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\nimport NumberFormat from 'react-number-format';\r\nimport { Motorcycle } from \"@material-ui/icons\";\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        <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[\"url\"]}`} className={navImageClasses}\r\n                />\r\n                <div align=\"center\">\r\n                  <h5><b>{data.name}</b></h5>\r\n                  <h5><b>\r\n                    <NumberFormat value={data.price1} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> s/d  <NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />\r\n                  </b></h5>\r\n                  <Button\r\n                      color=\"info\" round\r\n                      href={\"/suzuki/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                  \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>Product & Facilities</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: \"XL7\",\r\n                    tabIcon: Motorcycle,\r\n                    tabContent: (\r\n                      <GridContainer justify=\"center\">\r\n                        {ProductSuzuki}\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;\r\n"]},"metadata":{},"sourceType":"module"}