tbg-ecomm-nextjs/.next/cache/next-babel-loader/3a36732110f17bf753bc0e90f46d71b3.json

{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\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, [\"selected\", \"handleName\", \"backend\", \"dealers\"]);\n\n  var classes = useStyles();\n  var Dealers = dealers.map(function (data) {\n    return __jsx(\"div\", null, __jsx(Grid, {\n      style: {\n        width: \"350px\",\n        padding: \"10px\"\n      }\n    }, __jsx(Card, null, __jsx(CardHeader, {\n      color: \"danger\"\n    }, __jsx(\"div\", {\n      align: \"center\"\n    }, data.name)), __jsx(CardBody, null, __jsx(Quote, {\n      text: data.kota_dealer,\n      author: data.address\n    }), __jsx(Quote, {\n      text: data.telp,\n      author: data.email\n    }), __jsx(\"div\", {\n      align: \"center\"\n    }, __jsx(Button, {\n      color: \"danger\",\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, \"Yamaha Dealers\"), __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: dealers,\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  }, Dealers)))));\n};\n\nexport default DataDealer;","map":null,"metadata":{},"sourceType":"module"}