{"version":3,"sources":["webpack:///./src/templates/blog.js"],"names":["i18n","back","_ref","content","data","_content$frontmatter","frontmatter","title","date","lang","innerHTML","html","texts","React","createElement","Layout","Container","maxWidth","Box","m","p","Typography","variant","component","dangerouslySetInnerHTML","__html","justifyContent","Button","color","onClick","window","history"],"mappings":"4FAAA,4FAQMA,EAAO,CACX,GAAM,CACJC,KAAM,MAER,GAAM,CACJA,KAAM,YAKK,mBAAAC,GAAe,IACpBC,EADYD,EAAJE,KACRD,QACRE,EAA8BF,EAAQG,YAA9BC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KACfC,EAAYP,EAAQQ,KACpBC,EAAQZ,EAAKS,GACnB,OACEI,IAAAC,cAACC,IAAM,CAACR,MAAOA,EAAOE,KAAMA,GAC1BI,IAAAC,cAACE,IAAS,CAACC,SAAS,MAClBJ,IAAAC,cAACI,IAAG,CAACC,EAAG,EAAGC,EAAG,GACZP,IAAAC,cAACO,IAAU,CAACC,QAAQ,MACjBf,GAEHM,IAAAC,cAACO,IAAU,CAACC,QAAQ,aACjBd,GAEHK,IAAAC,cAACO,IAAU,CAACE,UAAU,OACpBV,IAAAC,cAAA,OAAKU,wBAAyB,CAACC,OAAQf,OAG3CG,IAAAC,cAACI,IAAG,CAACQ,eAAe,YAClBb,IAAAC,cAACI,IAAG,CAACC,EAAG,EAAGC,EAAG,GACZP,IAAAC,cAACa,IAAM,CACLL,QAAQ,YACRM,MAAM,UACNC,QAAS,WACPC,OAAOC,QAAQ9B,SAGhBW,EAAMX","file":"component---src-templates-blog-js-e4935e98fa6566285667.js","sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport Container from '@material-ui/core/Container';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\n\nconst i18n = {\n  'cn': {\n    back: '返回',\n  },\n  'en': {\n    back: 'Go Back',\n  },\n\n}\n\nexport default ({ data }) => {\n  const { content } = data;\n  const { title, date, lang } = content.frontmatter;\n  const innerHTML = content.html;\n  const texts = i18n[lang];\n  return (\n    <Layout title={title} lang={lang}>\n      <Container maxWidth=\"lg\">\n        <Box m={2} p={1}>\n          <Typography variant='h5'>\n            {title}\n          </Typography>\n          <Typography variant='subtitle1'>\n            {date}\n          </Typography>\n          <Typography component='div'>\n            <div dangerouslySetInnerHTML={{__html: innerHTML}} ></div>\n          </Typography>\n        </Box>\n        <Box justifyContent=\"flex-end\">\n          <Box m={2} p={2}>\n            <Button\n              variant='contained'\n              color='primary'\n              onClick={() => {\n                window.history.back()\n              }}\n            >\n              {texts.back}\n            </Button>\n          </Box>\n        </Box>\n      </Container>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query($id: String) {\n    content: markdownRemark(id: { eq: $id }) {\n      frontmatter {\n        date\n        title\n        lang\n      }\n      html\n    }\n  }\n`;\n"],"sourceRoot":""}