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

{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"selected\", \"handleName\", \"backend\", \"dealers\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Select from 'react-select';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Quote from \"components/Typography/Quote.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataDealer = function DataDealer(_ref) {\n  var selected = _ref.selected,\n      handleName = _ref.handleName,\n      backend = _ref.backend,\n      dealers = _ref.dealers,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n  var Dealers = dealers.map(function (data) {\n    return __jsx(Grid, {\n      align: \"center\",\n      style: {\n        padding: \"30px\",\n        marginTop: \"-50px\"\n      }\n    }, __jsx(Card, {\n      style: {\n        width: \"20rem\"\n      }\n    }, __jsx(\"img\", {\n      style: {\n        height: \"180px\",\n        width: \"100%\",\n        display: \"block\"\n      },\n      className: classes.imgCardTop,\n      src: \"\".concat(backend).concat(data.img[\"url\"])\n    }), __jsx(CardBody, null, __jsx(\"p\", null, __jsx(\"b\", null, data.name)), __jsx(\"p\", null, __jsx(\"b\", null, data.kota_dealer)), __jsx(\"p\", null, __jsx(\"b\", null, data.telp)), __jsx(\"p\", null, __jsx(\"b\", null, data.address)), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: data.location,\n      target: \"_blank\"\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"room\"), \"View Location\")))));\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, __jsx(\"b\", null, \"Yamaha Dealers\")), __jsx(Select, {\n    value: selected ? dealers.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: dealers,\n    isMulti: true,\n    instanceId: \"name\",\n    placeholder: \"Cari Dealer\",\n    onChange: function onChange(values) {\n      return handleName(values);\n    }\n  }), __jsx(\"br\", null), __jsx(GridContainer, {\n    justify: \"center\"\n  }, Dealers)))));\n};\n\nexport default DataDealer;","map":null,"metadata":{},"sourceType":"module"}