{"version":3,"file":"component---src-pages-404-js-fbbd27610c66f95f0d44.js","mappings":"oPAsBA,EAjBmB,SAAHA,GAAUA,EAALC,MAAcD,EAAPE,QAAc,IAC/BC,GAAKC,EAAAA,EAAAA,kBAALD,EAEDE,EAAWF,EAAE,gBACbG,EAAOH,EAAE,mBACTI,EAASJ,EAAE,cAEjB,OACIK,EAAAA,EAAAA,IAAA,OAAKC,UAAU,iCACXD,EAAAA,EAAAA,IAAA,MAAIC,UAAU,sBAAsBJ,IACpCG,EAAAA,EAAAA,IAAA,OAAKC,UAAU,6BAA2BD,EAAAA,EAAAA,IAAA,SAAIF,KAE9CE,EAAAA,EAAAA,IAACE,EAAAA,EAAM,CAACC,KAAK,KAAKJ,GAG9B,EC4BA,EA1CgB,SAACK,GACb,IAAOC,EAAYD,EAAZC,SACPC,GAAkBV,EAAAA,EAAAA,kBAAXD,EAACW,EAADX,EAAGY,EAAID,EAAJC,KAIJC,EAAWH,SAAAA,EAAUG,SAAWH,aAAQ,EAARA,EAAUG,SAASC,MAAM,KAAK,GAAK,GACnEC,EAFY,CAAC,KAAM,MAEEC,SAASH,GAAYA,EAAW,MAG3DI,EAAAA,EAAAA,YAAU,WACHF,IAAaH,EAAKG,UACjBH,EAAKM,eAAeH,EAE5B,GAAG,IAEH,IAAMjB,EAAQE,EAAE,aACVmB,EAAWnB,EAAE,gBAEboB,EAAU,CACZL,SAAUA,EACVM,YAAa,CACTC,OAAO,EACPxB,MAAOqB,EACPI,KAAM,CACFC,UAAW1B,GAEf2B,oBAAoB,EACpBV,SAAUA,EACVW,eAAgB,CACZC,WAAY,OACZC,WAAY,WAIxB,OACIvB,EAAAA,EAAAA,IAACwB,EAAAA,QAAc,CAACC,YAAaV,IACzBf,EAAAA,EAAAA,IAAC0B,EAAU,MAGvB,C","sources":["webpack://@whitespace/cirkor-gatsby/./src/components/Content404/Content404.js","webpack://@whitespace/cirkor-gatsby/./src/pages/404.js"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from \"gatsby-plugin-react-i18next\";\nimport Button from './../Button/Button';\nimport \"./Content404.scss\";\n\nconst Content404 = ({title, content}) => {\n    const {t} = useTranslation();\n\n    const subtitle = t('404.subtitle');\n    const text = t('404.description');\n    const button = t('404.button');\n\n    return (\n        <div className=\"content-404 wrapper--article\">\n            <h2 className=\"content-404__title\">{subtitle}</h2>\n            <div className=\"content-404__description\"><p>{text}</p></div>\n\n            <Button link=\"/\">{button}</Button>\n        </div>\n    );\n};\n\nexport default Content404;\n","import React, {useEffect} from 'react';\nimport { graphql } from 'gatsby';\nimport { useTranslation } from \"gatsby-plugin-react-i18next\";\nimport SingleTemplate from \"./../@whitespace/gatsby-theme-wordpress/templates/SingleTemplate\";\nimport { Content404 } from \"./../components/Content404\";\n\nconst Page404 = (props) => {\n    const {location} = props;\n    const {t, i18n} = useTranslation();\n\n    // Set available languages, can't find a good way to do this dynamically and i18n returns only sv\n    const languages = ['sv', 'en'];\n    const pathname = location?.pathname ? location?.pathname.split(\"/\")[1] : \"\";\n    const language = languages.includes(pathname) ? pathname : \"sv\";\n\n    // TODO: This doesn't seem to work, 404 is always sv\n    useEffect(() => {\n        if(language !== i18n.language) {\n            i18n.changeLanguage(language);\n        }\n    }, []);\n\n    const title = t('404.title');\n    const seoTitle = t('404.seoTitle');\n\n    const context = {\n        language: language,\n        contentNode: {\n            is404: true,\n            title: seoTitle,\n            hero: {\n                heroTitle: title,\n            },\n            titleHasQuirkyText: false,\n            language: language,\n            pageAppearance: {\n                background: 'dark',\n                foreground: 'light',\n            },\n        },\n    };\n    return (\n        <SingleTemplate pageContext={context}>\n            <Content404 />\n        </SingleTemplate>\n    );\n};\n\nexport default Page404;\n\nexport const query = graphql`\n  query ($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n"],"names":["_ref","title","content","t","useTranslation","subtitle","text","button","___EmotionJSX","className","Button","link","props","location","_useTranslation","i18n","pathname","split","language","includes","useEffect","changeLanguage","seoTitle","context","contentNode","is404","hero","heroTitle","titleHasQuirkyText","pageAppearance","background","foreground","SingleTemplate","pageContext","Content404"],"sourceRoot":""}