{"version":3,"file":"component---src-pages-404-tsx-e7ab51ecf64f7a2b1418.js","mappings":"6MAkFMA,GAAyBC,E,SAAAA,IAtCiB,SAAC,GAM1C,IALLC,EAKI,EALJA,SAKI,IAJJC,SACEC,EAGE,EAHFA,cACAC,EAEE,EAFFA,WAGMC,GAAMC,EAAAA,EAAAA,kBAAND,EAER,OACE,gBAAC,aAAD,CAA0BE,MAAO,CAAEN,SAAAA,IACjC,8BACE,gBAAC,IAAD,iBAAYE,EAAmBC,KAEjC,wBAAMI,UAAU,0CACd,uBAAKA,UAAU,sEACb,uBAAKA,UAAU,kDACf,uBAAKA,UAAU,8EAAf,OAGA,uBAAKA,UAAU,wDACZH,EAAE,0BAEL,uBAAKG,UAAU,iDACb,wBAAMA,UAAU,iDACbH,EAAE,sBAEL,wBAAMG,UAAU,2BACd,gBAAC,IAAD,CAAMC,IAAI,IAAIC,MAAOL,EAAE,kBACvB,gBAAC,IAAD,CAAMI,IAAI,QAAQC,MAAOL,EAAE,gBAAiBG,UAAU,0BACtD,gBAAC,IAAD,CAAMC,IAAI,WAAWC,MAAOL,EAAE,mBAAoBG,UAAU,kCAU1E,UAnEqC,SAAC,GAAgC,IAAlBG,EAAiB,EAA7BC,SAAYD,SAChCE,EAAoBC,EAAAA,WAAiBC,EAAAA,GAA/CC,SACR,EAAgCF,EAAAA,SAAeD,GAAxCG,EAAP,KAAiBC,EAAjB,KAKMf,EAAW,CACfC,eAAee,EAAAA,EAAAA,GAAiBF,EAAU,aAC1CZ,YAAYe,EAAAA,EAAAA,GAAcH,EAAU,YAAaL,IAGnD,OACE,gBAAC,IAAD,CAAQS,QAAS,GAAIJ,SAAUA,EAAUC,YAAaA,GACpD,gBAAClB,EAAD,CAAwBG,SAAUA","sources":["webpack://extra-hut/./src/pages/404.tsx"],"sourcesContent":["import * as React from 'react'\nimport { graphql, PageProps } from 'gatsby'\nimport Layout from '../components/Layout'\nimport { useTranslation } from 'gatsby-plugin-react-i18next'\nimport { IsMobileContext, LanguageContext } from '../common/Context'\n\n// components\nimport Navbar from '../components/Navbar'\nimport Link from '../components/Link'\n\n// hooks, models\nimport { useLinksGridData, LinksGrid } from '../components/LinksGrid/model'\nimport { useNavbarData, Navbar as NavbarClass } from '../components/Navbar/model'\n\nimport withSSR from '../hoc/withSSR'\nimport './404.scss'\n\nconst Page404: React.FC<PageProps> = ({ location: { pathname } }) => {\n  const { language: initialLanguage } = React.useContext(LanguageContext)\n  const [language, setLanguage] = React.useState(initialLanguage)\n\n  /*  For data collecting hooks below (e.g. useLinksGridData), \n  You need to know page codename from kentico and optionally section codename.\n  Data service is searching query for this elements and collects the right data to components.  */\n  const pageData = {\n    linksGridData: useLinksGridData(language, 'home_page'),\n    navbarData: useNavbarData(language, 'home_page', pathname),\n  }\n\n  return (\n    <Layout seoData={{}} language={language} setLanguage={setLanguage}>\n      <Page404TemplateWithSSR pageData={pageData} />\n    </Layout>\n  )\n}\n\ninterface Page404Props {\n  isMobile: boolean\n  pageData: {\n    linksGridData: LinksGrid\n    navbarData: NavbarClass\n  }\n}\n\nconst Page404Template: React.FC<Page404Props> = ({\n  isMobile,\n  pageData: {\n    linksGridData,\n    navbarData,\n  }\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <IsMobileContext.Provider value={{ isMobile }}>\n      <header>\n        <Navbar {...linksGridData} {...navbarData} />\n      </header>\n      <main className=\"Page404 mx-m grid grid-cols-12 gap-x-m\">\n        <div className=\"col-span-12 lg:col-span-6 grid grid-cols-12 lg:grid-cols-6 gap-x-m\">\n          <div className=\"col-span-12 lg:col-span-6 pt-mobile-l lg:pt-l\"></div>\n          <div className=\"col-span-12 lg:col-span-6 FontXXL pt-mobile-l lg:pt-xl pb-mobile-s lg:pb-s\">\n            404\n          </div>\n          <div className=\"col-span-12 lg:col-span-5 FontL pb-mobile-l lg:pb-xl\">\n            {t('page404:weAreNotSorry')}\n          </div>\n          <div className=\"col-span-9 lg:col-span-6 FontS flex flex-wrap\">\n            <span className=\"mr-mobile-xs lg:mr-xs mt-mobile-xxs lg:mt-xxs\">\n              {t('page404:aFewLinks')}\n            </span>\n            <span className=\"mt-mobile-xxs lg:mt-xxs\">\n              <Link url=\"/\" title={t('page404:home')} />\n              <Link url=\"/blog\" title={t('page404:blog')} className=\"ml-mobile-xs lg:ml-xs\" />\n              <Link url=\"/contact\" title={t('page404:contact')} className=\"ml-mobile-xs lg:ml-xs\" />\n            </span>\n          </div>\n        </div>\n      </main>\n    </IsMobileContext.Provider>\n  )\n}\nconst Page404TemplateWithSSR = withSSR<Page404Props>(Page404Template)\n\nexport default Page404\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: {ns: {in: [\"common\",\"page404\"]}, language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`\n"],"names":["Page404TemplateWithSSR","withSSR","isMobile","pageData","linksGridData","navbarData","t","useTranslation","value","className","url","title","pathname","location","initialLanguage","React","LanguageContext","language","setLanguage","useLinksGridData","useNavbarData","seoData"],"sourceRoot":""}