{"ast":null,"code":"var __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 { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport classNames from \"classnames\";\nimport Grid from '@material-ui/core/Grid';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Card from \"components/Card/Card.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport TextField from '@material-ui/core/TextField';\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 650\n  }\n});\n\nconst handleChange = event => {\n  setAge(event.target.value);\n};\n\nconst Cart = function (_ref) {\n  let {\n    backend,\n    cartproduct\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"cartproduct\"]);\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 CartProduct = cartproduct.map(data => {\n    return __jsx(\"div\", null, __jsx(TableContainer, {\n      component: Paper\n    }, __jsx(Table, {\n      className: classes.table,\n      \"aria-label\": \"simple table\"\n    }, __jsx(TableHead, null, __jsx(TableRow, null, __jsx(TableCell, {\n      align: \"center\"\n    }, \"Product\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Nama Product\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Warna\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Harga Satuan\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Jumlah Unit\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Harga Total\"), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Aksi\"))), __jsx(TableBody, null, __jsx(TableRow, {\n      key: data.name\n    }, __jsx(TableCell, {\n      component: \"th\",\n      scope: \"row\",\n      align: \"center\"\n    }, __jsx(\"img\", {\n      className: navImageClasses,\n      width: \"200px\",\n      alt: \"First slide\",\n      src: `${backend}${data.img[0][\"url\"]}`\n    })), __jsx(TableCell, {\n      align: \"center\"\n    }, data.name), __jsx(TableCell, {\n      align: \"center\"\n    }, __jsx(FormControl, {\n      className: classes.formControl\n    }, __jsx(Select, {\n      labelId: \"demo-simple-select-placeholder-label-label\",\n      id: \"demo-simple-select-placeholder-label\",\n      onChange: handleChange,\n      displayEmpty: true,\n      className: classes.selectEmpty\n    }, __jsx(MenuItem, {\n      value: \"\"\n    }, __jsx(\"em\", null, \"None\")), __jsx(MenuItem, {\n      value: 10\n    }, \"Hitam\"), __jsx(MenuItem, {\n      value: 20\n    }, \"Merah\"), __jsx(MenuItem, {\n      value: 30\n    }, \"Biru\")))), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Rp.\", data.price), __jsx(TableCell, {\n      align: \"center\"\n    }, __jsx(FormControl, {\n      className: classes.formControl\n    }, __jsx(TextField, {\n      id: \"outlined-number\",\n      type: \"number\",\n      align: \"center\",\n      InputLabelProps: {\n        shrink: true\n      }\n    }))), __jsx(TableCell, {\n      align: \"center\"\n    }, \"Rp.\", data.price), __jsx(TableCell, {\n      align: \"center\"\n    }, __jsx(\"a\", {\n      href: \"#\"\n    }, \"Hapus\")))))), __jsx(Card, {\n      style: {\n        padding: \"30px\"\n      }\n    }, __jsx(GridContainer, null, __jsx(Grid, {\n      item: true,\n      xs: true\n    }), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(\"div\", {\n      align: \"right\"\n    }, __jsx(\"h4\", null, \"Total Semua Harga Produk : Rp.\", data.price))), __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(Grid, {\n      item: true,\n      xs: true\n    }, __jsx(Button, {\n      color: \"info\",\n      href: \"/yamaha/cart/checkout?s=\" + data.id\n    }, __jsx(Icon, {\n      className: classes.icons\n    }, \"shopping_cart\"), \"Checkout\"))))));\n  });\n  return __jsx(\"div\", {\n    align: \"center\",\n    className: classes.section,\n    id: \"notifications\"\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"25px\"\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h2\", null, __jsx(\"b\", null, \"My Cart\")),\n    align: \"center\",\n    color: \"danger\"\n  })), __jsx(\"div\", {\n    style: {\n      padding: \"25px\"\n    }\n  }, CartProduct));\n};\n\nexport default Cart;","map":null,"metadata":{},"sourceType":"module"}