component---packages-blog-pages-src-pages-404-jsx-a3c83d7b453a58bd706d.js.map

{"version":3,"sources":["webpack:https:///../packages/blog/pages/src/pages/404.jsx","webpack:https:///../packages/flow-ui/components/src/PageTitle/PageTitle.jsx"],"names":["title","header","subheader","variant","as","Link","to","styles","count","fontSize","fontWeight","color","runninghead","mb","PageTitle","running","totalCount","sx"],"mappings":"8FAAA,gIASe,4BACb,8BACE,YAAC,IAAD,CAAKA,MAAM,mBACX,YAAC,IAAD,MACA,YAAC,IAAD,KACE,YAAC,IAAD,KACE,YAAC,IAAD,KACE,YAAC,IAAD,CACEC,OAAO,oCACPC,UAAU,mEAGd,YAAC,IAAD,KACE,YAAC,IAAD,CAAQC,QAAQ,UAAUC,GAAIC,OAAMC,GAAG,KAAvC,wB,0GClBJC,EAAS,CACbC,MAAO,CACLC,SAAU,GAEZP,UAAW,CACTQ,WAAW,OACXC,MAAM,aAERC,YAAa,CACXF,WAAW,OACXC,MAAM,YACNE,GAAI,IA8BOC,EA1BG,SAAC,GAAgD,IAA9Cb,EAA6C,EAA7CA,OAAQC,EAAqC,EAArCA,UAAWa,EAA0B,EAA1BA,QAASC,EAAiB,EAAjBA,WAC/C,OACE,uBACE,YAAC,IAAD,CAASb,QAAQ,KAAKC,GAAG,MACtBH,EAAQ,IACRe,GACC,YAAC,IAAD,CAAOb,QAAQ,YAAYc,GAAIV,EAAOC,OACnC,IACAQ,IAINd,GACC,YAAC,IAAD,CAAMC,QAAQ,KAAKc,GAAIV,EAAOL,WAC3BA,GAGJa,GACC,YAAC,IAAD,CAAMZ,QAAQ,KAAKc,GAAIV,EAAOK,aAC3BG","file":"component---packages-blog-pages-src-pages-404-jsx-a3c83d7b453a58bd706d.js","sourcesContent":["import React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { Button } from 'theme-ui'\r\nimport { Stack, Main } from '@layout'\r\nimport PageTitle from '@components/PageTitle'\r\nimport Section from '@components/Section'\r\nimport Divider from '@components/Divider'\r\nimport Seo from '@widgets/Seo'\r\n\r\nexport default () => (\r\n  <>\r\n    <Seo title='Page Not Found' />\r\n    <Divider />\r\n    <Stack>\r\n      <Main>\r\n        <Section>\r\n          <PageTitle\r\n            header=\"Sorry, this page isn't available.\"\r\n            subheader='You may have mistyped the address or the page may have moved.'\r\n          />\r\n        </Section>\r\n        <Section>\r\n          <Button variant='primary' as={Link} to='/'>\r\n            Go to homepage\r\n          </Button>\r\n        </Section>\r\n      </Main>\r\n    </Stack>\r\n  </>\r\n)\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { Heading, Text, Badge } from 'theme-ui'\r\n\r\nconst styles = {\r\n  count: {\r\n    fontSize: 4\r\n  },\r\n  subheader: {\r\n    fontWeight: `body`,\r\n    color: `omegaDark`\r\n  },\r\n  runninghead: {\r\n    fontWeight: `body`,\r\n    color: `omegaDark`,\r\n    mb: 0\r\n  }\r\n}\r\n\r\nconst PageTitle = ({ header, subheader, running, totalCount }) => {\r\n  return (\r\n    <div>\r\n      <Heading variant='h1' as='h1'>\r\n        {header}{' '}\r\n        {totalCount && (\r\n          <Badge variant='tag-white' sx={styles.count}>\r\n            {' '}\r\n            {totalCount}\r\n          </Badge>\r\n        )}\r\n      </Heading>\r\n      {subheader && (\r\n        <Text variant='h3' sx={styles.subheader}>\r\n          {subheader}\r\n        </Text>\r\n      )}\r\n      {running && (\r\n        <Text variant='h4' sx={styles.runninghead}>\r\n          {running}\r\n        </Text>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default PageTitle\r\n\r\nPageTitle.propTypes = {\r\n  title: PropTypes.string,\r\n  subheader: PropTypes.string,\r\n  running: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n  totalCount: PropTypes.number\r\n}\r\n"],"sourceRoot":""}