{"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 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 CardFooter from 'components/Card/CardFooter.js';\nimport styles from 'assets/jss/nextjs-material-kit/pages/profilePage.js';\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport InputLabel from '@material-ui/core/InputLabel';\nimport TextField from '@material-ui/core/TextField';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { Hidden } from '@material-ui/core';\nconst useStyles = makeStyles(styles);\n\nconst EditProfile = function (_ref) {\n  let {\n    province,\n    cities,\n    editprofile,\n    user,\n    profile\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"province\", \"cities\", \"editprofile\", \"user\", \"profile\"]);\n\n  console.log(province);\n  const [age, setAge] = React.useState('');\n\n  const handleChange = event => {\n    setAge(event.target.value);\n  };\n\n  const classes = useStyles(); // const Province = province.map((data) => {\n  //     return (\n  //         <div>\n  //         </div>\n  //     );\n  // })\n\n  return __jsx(Card, {\n    className: classes.textCenter\n  }, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(CardHeader, {\n    color: \"info\"\n  }, \"Edit Profile\")), __jsx(CardBody, null, __jsx(\"div\", null, __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(Grid, {\n    item: \"item\",\n    xs: 12\n  }, __jsx(\"div\", {\n    align: \"left\"\n  }, __jsx(\"h3\", null, \"Edit Data Pribadi\"), __jsx(\"span\", null, \"Kelola informasi profil Anda untuk mengontrol, melindungi dan mengamankan akun\"), __jsx(\"hr\", null))), __jsx(Grid, {\n    container: true,\n    spacing: 3,\n    justify: \"center\",\n    style: {\n      padding: '10px'\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(TextField, {\n    id: \"outlined-full-width\",\n    label: \"Username\",\n    style: {\n      margin: 8\n    },\n    placeholder: \"Masukan Username Baru\",\n    fullWidth: true,\n    margin: \"normal\",\n    InputLabelProps: {\n      shrink: true\n    },\n    variant: \"outlined\"\n  })), __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(TextField, {\n    id: \"outlined-full-width\",\n    label: \"Nama\",\n    style: {\n      margin: 8\n    },\n    placeholder: \"Masukan Nama Baru\",\n    fullWidth: true,\n    margin: \"normal\",\n    InputLabelProps: {\n      shrink: true\n    },\n    variant: \"outlined\"\n  })), __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(TextField, {\n    id: \"outlined-full-width\",\n    label: \"Email\",\n    style: {\n      margin: 8\n    },\n    placeholder: \"Masukan Email Baru\",\n    fullWidth: true,\n    margin: \"normal\",\n    InputLabelProps: {\n      shrink: true\n    },\n    variant: \"outlined\"\n  })), __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(TextField, {\n    id: \"outlined-full-width\",\n    label: \"Nomer Telpon\",\n    style: {\n      margin: 8\n    },\n    placeholder: \"Masukan Nomer Telpon Baru\",\n    fullWidth: true,\n    margin: \"normal\",\n    InputLabelProps: {\n      shrink: true\n    },\n    variant: \"outlined\"\n  })))), __jsx(\"br\", null), __jsx(Grid, {\n    item: \"item\",\n    xs: 12\n  }, __jsx(\"div\", {\n    align: \"left\"\n  }, __jsx(\"h3\", null, \"Edit Data Alamat\"), __jsx(\"span\", null, \"Kelola informasi alamat anda untuk kemudahan dalam pengirim barang\"), __jsx(\"hr\", null))), __jsx(Grid, {\n    container: true,\n    spacing: 3,\n    justify: \"center\",\n    style: {\n      padding: '10px'\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(FormControl, {\n    className: classes.formControl\n  }, __jsx(InputLabel, {\n    id: \"demo-simple-select-helper-label\"\n  }, \"Provinsi\"), __jsx(Select, {\n    style: {\n      width: '580px'\n    },\n    labelId: \"demo-simple-select-helper-label\",\n    id: \"demo-simple-select-helper\",\n    value: age,\n    onChange: handleChange\n  }, __jsx(MenuItem, {\n    value: \"\"\n  }, __jsx(\"em\", null, \"None\")), __jsx(MenuItem, {\n    value: 1\n  }, \"asdasdsada\")))), __jsx(Grid, {\n    item: true,\n    xs: 6\n  }, __jsx(FormControl, {\n    className: classes.formControl\n  }, __jsx(InputLabel, {\n    id: \"demo-simple-select-helper-label\"\n  }, \"Kota\"), __jsx(Select, {\n    style: {\n      width: '580px'\n    },\n    labelId: \"demo-simple-select-helper-label\",\n    id: \"demo-simple-select-helper\",\n    value: age,\n    onChange: handleChange\n  }, __jsx(MenuItem, {\n    value: \"\"\n  }, __jsx(\"em\", null, \"None\")), __jsx(MenuItem, {\n    value: 10\n  }, \"Ten\"), __jsx(MenuItem, {\n    value: 20\n  }, \"Twenty\"), __jsx(MenuItem, {\n    value: 30\n  }, \"Thirty\")))), __jsx(Grid, {\n    item: true,\n    xs: 12\n  }, __jsx(TextField, {\n    id: \"outlined-full-width\",\n    label: \"Alamat Lengkap\",\n    placeholder: \"Masukan Username Baru\",\n    fullWidth: true,\n    margin: \"normal\",\n    InputLabelProps: {\n      shrink: true\n    },\n    variant: \"outlined\"\n  })))), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n    align: \"center\"\n  }, __jsx(Button, {\n    color: \"info\",\n    round: true,\n    href: \"/yamaha/cart/checkout?s=\"\n  }, __jsx(Icon, {\n    className: classes.icons\n  }, \"save\"), \"Simpan Perubahan\"))), __jsx(CardFooter, {\n    className: classes.textMuted,\n    textalign: \"center\"\n  }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default EditProfile;","map":null,"metadata":{},"sourceType":"module"}