{"version":3,"sources":["webpack:///./src/pages/404.js"],"names":["BackgroundBox","backgroundImage","NotFoundPage","t","useTranslation","title","as","color","fontSize","defaultProps","pageContext","locale","data"],"mappings":"sMASMA,EAAgB,4CAAH,0BACQ,qBAAGC,kBADX,kLAabC,EAAe,WAAO,IAClBC,EAAMC,YAAe,WAArBD,EACFF,EAAkBE,EAAE,wBAE1B,OACE,cAAC,WAAD,KACE,cAAC,IAAD,CAAKE,MAAM,QACX,cAACL,EAAD,CAAeC,gBAAiBA,GAC9B,mBAASK,GAAG,KAAKC,MAAM,gBACpBJ,EAAE,UAEL,mBAAMK,SAAS,QAAQD,MAAM,gBAC1BJ,EAAE,YAcbD,EAAaO,aAAe,CAC1BC,YAAa,CACXC,OAAQ,QACRC,KAAM,KAeKV","file":"component---src-pages-404-js-4937c31e19016c62fd77.js","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport styled from '@emotion/styled';\nimport { Flex, Heading, Text } from '@square-enix-private/vaquita-ui';\nimport { useTranslation } from 'react-i18next';\n\nimport SEO from '../components/SEO';\n\nconst BackgroundBox = styled(Flex)`\n  background-image: url('${({ backgroundImage }) => backgroundImage}');\n  background-position: center;\n  background-size: cover;\n  width: 100%;\n  min-height: 320px;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1 0 auto;\n  min-height:80vh;\n`;\n\nconst NotFoundPage = () => {\n  const { t } = useTranslation('page404');\n  const backgroundImage = t('background.image.src');\n\n  return (\n    <Fragment>\n      <SEO title=\"404\" />\n      <BackgroundBox backgroundImage={backgroundImage}>\n        <Heading as=\"h1\" color=\"text.primary\">\n          {t('title')}\n        </Heading>\n        <Text fontSize=\"large\" color=\"text.primary\">\n          {t('text')}\n        </Text>\n      </BackgroundBox>\n    </Fragment>\n  );\n};\n\nNotFoundPage.propTypes = {\n  pageContext: PropTypes.shape({\n    locale: PropTypes.string,\n    data: PropTypes.array\n  })\n};\n\nNotFoundPage.defaultProps = {\n  pageContext: {\n    locale: 'en-gb',\n    data: []\n  }\n};\n\nexport const query = graphql`\n  query($locale: String) {\n    ...Page404Data\n    ...FooterData\n    ...GenericData\n    ...MetadataData\n    ...FlagsData\n    ...MenuData\n  }\n`;\n\nexport default NotFoundPage;\n"],"sourceRoot":""}