{"version":3,"file":"component---src-pages-404-index-tsx-4784ace34873c427419a.js","mappings":"8TACWA,EAAU,iCACVC,EAAW,kCACXC,EAAW,kCACXC,EAAU,iCCuBrB,EAhBwC,SAAC,GAKlC,IAJLC,EAII,EAJJA,UACAC,EAGI,EAHJA,GACAC,EAEI,EAFJA,QACAC,EACI,EADJA,SAEA,OACE,mCACEH,UAAWI,GAAAA,CAAGC,EAAWH,GAAWG,EAAE,MAAMH,GAAYF,GACxDC,GAAIA,GAEHE,K,2LCwCP,EA9C+B,WAC7B,IAAMG,GAASC,EAAAA,EAAAA,gBAAeC,GAC9B,GAAuBC,EAAAA,EAAAA,KAAfC,EAAR,EAAQA,EAAGC,EAAX,EAAWA,QACHC,EAAWC,EAAAA,QAAAA,WAAiBC,EAAAA,GAA5BF,OAER,OACE,gDACE,wBAAC,IAAD,CAAKG,MAAK,QAAUL,EAAE,oBACtB,wBAACM,EAAA,EAAD,CAAShB,UCvBM,mCDwBb,wBAACiB,EAAA,EAAD,KACE,+BAAKjB,UCxBM,mCDyBT,+BAAKkB,MAAO,CAAEC,SAAU,MACtB,wBAACC,EAAA,EAAD,CAAYC,QAAQ,KAAKC,MAAM,OAAOC,KAAM,IAA5C,OAGA,wBAACH,EAAA,EAAD,CAAYC,QAAQ,KAAKE,KAAM,GAAIC,GAAI,IACpCd,EAAE,mBAEL,wBAACU,EAAA,EAAD,CAAYC,QAAQ,QAAQE,KAAM,GAAIC,GAAI,IACvCd,EAAE,gCAGP,mCACE,wBAAC,EAAAe,EAAD,CACEC,MACEpB,EAAO,SAASM,GAAUe,gBAAgBC,gBAE5CC,IAAKnB,EAAE,kBACPK,MAAOL,EAAE,sBAIf,wBAACoB,EAAA,EAAD,CACE9B,UC9CQ,iCD+CRuB,KAAK,QACLL,MAAO,CAAEa,OAAQnB,IAAWoB,EAAAA,EAAAA,GAAmB,KAAO,OACtDC,QAAS,kBAAMC,EAAAA,EAAAA,UAASvB,EAAQ,QAE/BD,EAAE,qBAUTF,EAAW","sources":["webpack://sgnl-site/./src/components/Common/Section/Section.module.scss","webpack://sgnl-site/./src/components/Common/Section/index.tsx","webpack://sgnl-site/./src/pages/404/index.tsx","webpack://sgnl-site/./src/pages/404/NotFound.module.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var section = \"Section-module--section--t2Kke\";\nexport var bg_white = \"Section-module--bg_white--K-nBF\";\nexport var bg_light = \"Section-module--bg_light--kwwQL\";\nexport var bg_dark = \"Section-module--bg_dark--vZSrp\";","import React from 'react'\nimport cn from 'classnames'\n\nimport * as s from './Section.module.scss'\n\ninterface SectionProps {\n  className?: string\n  bgColor?: 'white' | 'light' | 'dark'\n  id?: string\n}\n\nconst Section: React.FC<SectionProps> = ({\n  className,\n  id,\n  bgColor,\n  children,\n}) => {\n  return (\n    <section\n      className={cn(s.section, bgColor && s[`bg_${bgColor}`], className)}\n      id={id}\n    >\n      {children}\n    </section>\n  )\n}\n\nexport default Section\n","import React from 'react'\nimport { graphql, navigate, useStaticQuery } from 'gatsby'\nimport { GatsbyImage } from 'gatsby-plugin-image'\n\nimport SEO from '../../components/seo'\nimport Section from '../../components/Common/Section'\nimport Container from '../../components/Common/Container'\nimport Typography from '../../components/Common/Typography'\nimport { Button } from '../../components/Common/Button'\n\nimport { useTranslations } from '../../hooks/use-translations'\nimport { GlobalContext } from '../../context/GlobalContext'\nimport { AppRegionEnum } from '../../types/app-region.enum'\n\nimport * as s from './NotFound.module.scss'\n\nconst NotFoundPage: React.FC = () => {\n  const images = useStaticQuery(imagesQuery)\n  const { t, getPath } = useTranslations()\n  const { region } = React.useContext(GlobalContext)\n\n  return (\n    <>\n      <SEO title={`404: ${t('Page not found')}`} />\n      <Section className={s.section}>\n        <Container>\n          <div className={s.content}>\n            <div style={{ maxWidth: 582 }}>\n              <Typography variant=\"h1\" color=\"blue\" size={80}>\n                404\n              </Typography>\n              <Typography variant=\"h2\" size={40} mb={32}>\n                {t('Page not found')}\n              </Typography>\n              <Typography variant=\"body1\" size={18} mb={32}>\n                {t('Page not found description')}\n              </Typography>\n            </div>\n            <div>\n              <GatsbyImage\n                image={\n                  images[`image_${region}`].childImageSharp.gatsbyImageData\n                }\n                alt={t('Page not found')}\n                title={t('Page not found')}\n              />\n            </div>\n          </div>\n          <Button\n            className={s.button}\n            size=\"large\"\n            style={{ bottom: region === AppRegionEnum.Ru ? '2%' : '-7%' }}\n            onClick={() => navigate(getPath('/'))}\n          >\n            {t('Back to main')}\n          </Button>\n        </Container>\n      </Section>\n    </>\n  )\n}\n\nexport default NotFoundPage\n\nconst imagesQuery = graphql`\n  query {\n    image_ru: file(relativePath: { eq: \"signal_404.png\" }) {\n      childImageSharp {\n        gatsbyImageData(width: 497, placeholder: BLURRED)\n      }\n    }\n    image_us: file(relativePath: { eq: \"signax_404.png\" }) {\n      childImageSharp {\n        gatsbyImageData(width: 497, placeholder: BLURRED)\n      }\n    }\n  }\n`\n","// extracted by mini-css-extract-plugin\nexport var section = \"NotFound-module--section--fN4hd\";\nexport var content = \"NotFound-module--content--imZ-F\";\nexport var button = \"NotFound-module--button--2zZ4I\";"],"names":["section","bg_white","bg_light","bg_dark","className","id","bgColor","children","cn","s","images","useStaticQuery","imagesQuery","useTranslations","t","getPath","region","React","GlobalContext","title","Section","Container","style","maxWidth","Typography","variant","color","size","mb","G","image","childImageSharp","gatsbyImageData","alt","Button","bottom","AppRegionEnum","onClick","navigate"],"sourceRoot":""}