tbg-ecomm-nextjs/.next/cache/next-babel-loader/73b0858b25d0fc2d9d0664f87ac3524f.json

{"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\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\";\nconst useStyles = makeStyles(styles);\nexport default function LoginPage(props) {\n  const [cardAnimaton, setCardAnimation] = React.useState(\"cardHidden\");\n  setTimeout(function () {\n    setCardAnimation(\"\");\n  }, 700);\n  const classes = useStyles();\n  const rest = Object.assign({}, props);\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: e => e.preventDefault()\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: e => e.preventDefault()\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: e => e.preventDefault()\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"}