{"version":3,"file":"component---src-pages-404-jsx-b35771173ada93f0c5fc.js","mappings":"oOAAA,EAAe,IAA0B,uD,UC4CzC,GAAeA,EAAAA,EAAAA,IAnCE,SAACC,GAChB,IAAQC,EAAwCD,EAAxCC,SAAUC,EAA8BF,EAA9BE,eACZC,EAA+B,QADWH,EAAdI,UAElC,GAA8BC,EAAAA,EAAAA,eAASC,GAAhCC,EAAP,KAAgBC,EAAhB,KAIA,OAHAC,EAAAA,EAAAA,YAAU,WACRD,EAA6B,oBAAXE,QAA0BA,OAC7C,GAAE,IAED,gBAACC,EAAA,QAAD,CACEV,SAAUA,EACVE,eAAgBA,EAChBS,SAAUZ,EAAMY,UAEhB,uBAAKC,UAAU,aACb,gBAAC,UAAD,CAAYZ,SAAUA,EAAUC,eAAgBA,IAC/CK,EACC,uBAAKM,UAAU,aACb,uBAAKC,IAAKC,EAAUC,IAAI,cACxB,qBAAGH,UAAU,cACX,gBAAC,KAAD,CAASI,QAAQ,gBAEnB,gBAAC,KAAD,CAAMC,GAAE,IAAMjB,EAAYY,UAAU,WAClC,gBAAC,KAAD,CAASI,QAAQ,cAIrB,uBAAKJ,UAAU,qBACb,gBAACM,EAAA,EAAD,QAMX,G","sources":["webpack://zopping-website/./src/images/404_new.webp","webpack://zopping-website/./src/pages/404.jsx"],"sourcesContent":["export default __webpack_public_path__ + \"static/404_new-e4dc384ed1c69db7df47a3731588d231.webp\";","import Link from \"gatsby-link\";\nimport React, { useEffect, useState } from \"react\";\nimport EazyHeader from \"../components/Header\";\nimport Layout from \"../components/Layout\";\nimport Loader from \"../components/Loader\";\nimport WithProviders from \"../components/WithProviders\";\nimport ErrorImg from \"../images/404_new.webp\";\nimport { Message } from \"../lib/getMessages\";\n\nconst NotFound = (props) => {\n  const { language, updateLanguage, direction } = props;\n  const isDirectionRTL = direction === \"rtl\";\n  const [browser, setBrowser] = useState(undefined);\n  useEffect(() => {\n    setBrowser(typeof window !== \"undefined\" && window);\n  }, []);\n  return (\n    <Layout\n      language={language}\n      isDirectionRTL={isDirectionRTL}\n      location={props.location}\n    >\n      <div className=\"eazy-page\">\n        <EazyHeader language={language} updateLanguage={updateLanguage} />\n        {browser ? (\n          <div className=\"error-404\">\n            <img src={ErrorImg} alt=\"Error 404\" />\n            <p className=\"message404\">\n              <Message dictKey=\"message404\" />\n            </p>\n            <Link to={`/${language}`} className=\"link404\">\n              <Message dictKey=\"go.home\" />\n            </Link>\n          </div>\n        ) : (\n          <div className=\"loader-wrapper404\">\n            <Loader />\n          </div>\n        )}\n      </div>\n    </Layout>\n  );\n};\n\nexport default WithProviders(NotFound);\n"],"names":["WithProviders","props","language","updateLanguage","isDirectionRTL","direction","useState","undefined","browser","setBrowser","useEffect","window","Layout","location","className","src","ErrorImg","alt","dictKey","to","Loader"],"sourceRoot":""}