{"version":3,"sources":["pages/error/Error.js","images/error/page_not_found.png"],"names":["useStyles","makeStyles","theme","createStyles","root","margin","marginTop","spacing","marginBottom","errorImage","breakpoints","down","width","height","title","typography","h3","fontWeight","color","textAlign","description","caption","palette","common","grey","padding","Error","classes","require","className","container","direction","justify","alignItems","item","xs","src","href","module","exports"],"mappings":"uQAMMA,EAAYC,aAAW,SAAAC,GAAK,OAChCC,YAAa,CACXC,KAAM,CACJC,OAAQ,OACRC,UAAWJ,EAAMK,QAAQ,GACzBC,aAAcN,EAAMK,QAAQ,IAE9BE,WAAW,aACTH,UAAWJ,EAAMK,QAAQ,GACzBC,aAAcN,EAAMK,QAAQ,IAC3BL,EAAMQ,YAAYC,KAAK,MAAQ,CAC9BC,MAAO,IACPC,OAAQ,OACRP,UAAWJ,EAAMK,QAAQ,IACzBC,aAAcN,EAAMK,QAAQ,KAGhCO,MAAM,2BACDZ,EAAMa,WAAWC,IADjB,IAEHC,WAAY,IACZC,MAAO,QACPC,UAAW,WAEbC,YAAY,2BACPlB,EAAMa,WAAWM,SADX,IAETH,MAAOhB,EAAMoB,QAAQC,OAAOC,KAAK,KACjCL,UAAW,SACXM,QAAS,uBAKA,SAASC,IACtB,IAAMC,EAAU3B,IACVS,EAAamB,EAAQ,KAE3B,OACE,yBAAKC,UAAWF,EAAQvB,MACtB,kBAAC,IAAD,CACE0B,WAAS,EACTC,UAAU,SACVC,QAAQ,aACRC,WAAW,SACXJ,UAAWF,EAAQG,WAEnB,kBAAC,IAAD,CAAMI,MAAI,EAACC,GAAI,IACb,yBAAKN,UAAWF,EAAQlB,WAAY2B,IAAK3B,KAE3C,kBAAC,IAAD,CAAMyB,MAAI,EAACC,GAAI,IACb,kBAAC,IAAD,CAAYN,UAAWF,EAAQb,OAA/B,wFAGA,kBAAC,IAAD,CAAYe,UAAWF,EAAQP,aAA/B,6HAIF,kBAAC,IAAD,CAAMc,MAAI,EAACC,GAAI,IACb,kBAAC,IAAD,CAAcE,KAAK,KAAnB,iC,oBC/DVC,EAAOC,QAAU,IAA0B","file":"static/js/38.eef79000.chunk.js","sourcesContent":["import React from \"react\";\nimport { Grid, Typography } from \"@material-ui/core\";\nimport { makeStyles, createStyles } from \"@material-ui/core/styles\";\n\nimport StyledButton from \"../../components/core/StyledButton\";\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      margin: \"6.5%\",\n      marginTop: theme.spacing(5),\n      marginBottom: theme.spacing(5),\n    },\n    errorImage: {\n      marginTop: theme.spacing(8),\n      marginBottom: theme.spacing(8),\n      [theme.breakpoints.down(\"xs\")]: {\n        width: 176,\n        height: \"100%\",\n        marginTop: theme.spacing(10),\n        marginBottom: theme.spacing(2),\n      },\n    },\n    title: {\n      ...theme.typography.h3,\n      fontWeight: 500,\n      color: \"black\",\n      textAlign: \"center\",\n    },\n    description: {\n      ...theme.typography.caption,\n      color: theme.palette.common.grey[\"600\"],\n      textAlign: \"center\",\n      padding: \"16px 0 24px 0\",\n    },\n  }),\n);\n\nexport default function Error () {\n  const classes = useStyles();\n  const errorImage = require(\"../../images/error/page_not_found.png\");\n\n  return (\n    <div className={classes.root}>\n      <Grid\n        container\n        direction='column'\n        justify='flex-start'\n        alignItems='center'\n        className={classes.container}\n      >\n        <Grid item xs={12}>\n          <img className={classes.errorImage} src={errorImage} />\n        </Grid>\n        <Grid item xs={12}>\n          <Typography className={classes.title}>\n            不好意思，無法找到此頁內容。\n          </Typography>\n          <Typography className={classes.description}>\n            可能是網址資訊有誤，或頁面資訊已被移除。\n          </Typography>\n        </Grid>\n        <Grid item xs={12}>\n          <StyledButton href='/'>返回首頁</StyledButton>\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n","module.exports = __webpack_public_path__ + \"static/media/page_not_found.3435642a.png\";"],"sourceRoot":""}