tbg-ecomm-nextjs/.next/cache/next-babel-loader/4e8b8d40d8a00c04298a4b3e74d3fe6c.json

{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Icon from \"@material-ui/core/Icon\"; // @material-ui/icons\n\nimport Email from \"@material-ui/icons/Email\";\nimport People from \"@material-ui/icons/People\"; // core components\n\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\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 CustomInput from \"components/CustomInput/CustomInput.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\nimport image from \"assets/img/bgtbg.jpg\";\nvar useStyles = makeStyles(styles);\nexport default function LoginPage(props) {\n  var _React$useState = React.useState(\"cardHidden\"),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      cardAnimaton = _React$useState2[0],\n      setCardAnimation = _React$useState2[1];\n\n  setTimeout(function () {\n    setCardAnimation(\"\");\n  }, 700);\n  var classes = useStyles();\n\n  var rest = _extends({}, props);\n\n  return __jsx(\"div\", null, __jsx(Header, _extends({\n    absolute: true,\n    color: \"info\",\n    rightLinks: __jsx(HeaderLinks, null)\n  }, rest)), __jsx(\"div\", {\n    className: classes.pageHeader,\n    style: {\n      backgroundImage: \"url(\" + image + \")\",\n      backgroundSize: \"cover\",\n      backgroundPosition: \"top center\"\n    }\n  }, __jsx(\"div\", {\n    className: classes.container\n  }, __jsx(GridContainer, {\n    justify: \"center\"\n  }, __jsx(GridItem, {\n    xs: 12,\n    sm: 6,\n    md: 4\n  }, __jsx(Card, {\n    className: classes[cardAnimaton]\n  }, __jsx(\"form\", {\n    className: classes.form\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    className: classes.cardHeader\n  }, __jsx(\"h4\", null, \"Login\"), __jsx(\"div\", {\n    className: classes.socialLine\n  }, __jsx(Button, {\n    justIcon: true,\n    href: \"#pablo\",\n    target: \"_blank\",\n    color: \"transparent\",\n    onClick: function onClick(e) {\n      return e.preventDefault();\n    }\n  }, __jsx(\"i\", {\n    className: \"fab fa-twitter\"\n  })), __jsx(Button, {\n    justIcon: true,\n    href: \"#pablo\",\n    target: \"_blank\",\n    color: \"transparent\",\n    onClick: function onClick(e) {\n      return e.preventDefault();\n    }\n  }, __jsx(\"i\", {\n    className: \"fab fa-facebook\"\n  })), __jsx(Button, {\n    justIcon: true,\n    href: \"#pablo\",\n    target: \"_blank\",\n    color: \"transparent\",\n    onClick: function onClick(e) {\n      return e.preventDefault();\n    }\n  }, __jsx(\"i\", {\n    className: \"fab fa-google-plus-g\"\n  })))), __jsx(\"p\", {\n    className: classes.divider\n  }, \"Welcome to Thamrin Brothers\"), __jsx(CardBody, null, __jsx(CustomInput, {\n    labelText: \"Email...\",\n    id: \"email\",\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"email\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Email, {\n        className: classes.inputIconsColor\n      }))\n    }\n  }), __jsx(CustomInput, {\n    labelText: \"Password\",\n    id: \"pass\",\n    formControlProps: {\n      fullWidth: true\n    },\n    inputProps: {\n      type: \"password\",\n      endAdornment: __jsx(InputAdornment, {\n        position: \"end\"\n      }, __jsx(Icon, {\n        className: classes.inputIconsColor\n      }, \"lock_outline\")),\n      autoComplete: \"off\"\n    }\n  })), __jsx(CardFooter, {\n    className: classes.cardFooter\n  }, __jsx(Button, {\n    color: \"info\",\n    size: \"lg\"\n  }, \"Login\"))))))), __jsx(Footer, {\n    whiteFont: true\n  })));\n}","map":null,"metadata":{},"sourceType":"module"}