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

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"selected\", \"handleName\", \"backend\", \"accessories\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataAccessories = function DataAccessories(_ref) {\n  var selected = _ref.selected,\n      handleName = _ref.handleName,\n      backend = _ref.backend,\n      accessories = _ref.accessories,\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 ProductAccessories = accessories.map(function (data) {\n    return __jsx(\"div\", {\n      style: {\n        padding: \"40px\"\n      }\n    }, __jsx(\"img\", {\n      alt: \"...\",\n      style: {\n        height: \"150px\",\n        display: \"block\"\n      },\n      src: \"\".concat(backend).concat(data.img[\"url\"]),\n      className: navImageClasses\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(\"h3\", null, data.name), __jsx(\"h4\", null, \"Rp.\", data.price), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/yamaha/product/accessories_details?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"open_in_new\"), \"Detail Product\")));\n  });\n  return __jsx(\"div\", null, __jsx(Card, {\n    className: classes.textCenter,\n    align: \"center\",\n    style: {\n      padding: \"5px\"\n    }\n  }, __jsx(CardBody, null, __jsx(\"div\", {\n    align: \"center\",\n    style: {\n      marginTop: \"-50px\"\n    }\n  }, __jsx(\"h2\", null, \"Yamaha Accessories\"), __jsx(Select, {\n    value: selected ? accessories.filter(function (i) {\n      return i.id == selected;\n    }) : null,\n    getOptionLabel: function getOptionLabel(option) {\n      return \"\".concat(option.name);\n    },\n    getOptionValue: function getOptionValue(option) {\n      return option.id;\n    },\n    options: accessories,\n    isMulti: true,\n    instanceId: \"name\",\n    placeholder: \"filter by Nama Part\",\n    onChange: function onChange(values) {\n      return handleName(values);\n    }\n  }), __jsx(\"br\", null), __jsx(GridContainer, {\n    justify: \"center\",\n    style: {\n      padding: \"40px\",\n      marginTop: \"-50px\"\n    }\n  }, ProductAccessories, ProductAccessories)))));\n};\n\nexport default DataAccessories;","map":null,"metadata":{},"sourceType":"module"}