{"version":3,"file":"component---src-pages-404-tsx-e6d03378431a65d6e628.js","mappings":"qQAuEA,UA7BsBA,IAAgC,IAAAC,EAAAC,EAClD,MAAM,SAAEC,IAAaC,EAAAA,EAAAA,IAA0BC,GACzCC,EAAoB,QAAhBL,EAAGE,EAASI,YAAI,IAAAN,GAAM,QAANC,EAAbD,EAAeK,YAAI,IAAAJ,OAAN,EAAbA,EAAqBM,KAIlC,OACIC,EAAAA,cAACC,EAAAA,EAAmB,CAChBC,SAAU,CACNC,OAAQ,CAAEC,SAAS,GACnBC,QAAS,CAAEC,SAAS,EAAMC,WAAY,GAAIC,SAAU,EAAGC,WAAY,GAAIC,YAAa,IACpFC,OAAQ,CAAEC,cAAc,GACxBC,WAAY,CAAEC,gBAAgB,EAAOC,aAAa,EAAOC,aAAa,EAAOC,cAAc,GAC3FC,QAAS,KACTC,WAAY,CAAEC,SAAS,IAE3BC,SAAU,CACND,QAAS,CACLE,WAAW,EACXC,aAAa,EACbC,WAAW,KAInBxB,EAAAA,cAACyB,EAAO,CAAC5B,KAAMA,IACG,EAY9B,MAAM4B,EAAWlC,IACb,MAAQmC,KAAMxB,IAAayB,EAAAA,EAAAA,MACrB,KAAE9B,GAASN,EAEjB,OACIS,EAAAA,cAAA,OAAK4B,WAAWC,EAAAA,EAAAA,IAAS,MAAM3B,EAAS4B,UAAUC,YAAc,6DAC5D/B,EAAAA,cAAA,OAAK4B,WAAWC,EAAAA,EAAAA,IAAS,kFAErB7B,EAAAA,cAAA,OAAK4B,WAAWC,EAAAA,EAAAA,IAAS,2DACrB7B,EAAAA,cAACgC,EAAAA,EAAS,CAACJ,WAAWC,EAAAA,EAAAA,IAAS,uCAAwCI,UAAW,MAAOpC,EAAKqC,UAC9FlC,EAAAA,cAAA,MACI4B,UAAW,OAAMC,EAAAA,EAAAA,IAAS,yBAC1BM,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,GAAiBxC,EAAKyC,gBAE7DtC,EAAAA,cAAA,OACI4B,WAAWC,EAAAA,EAAAA,IAAS,6GACpBM,wBAAyB,CAAEC,OAAQvC,EAAK0C,QAG5CvC,EAAAA,cAACwC,EAAAA,EAAM,CACHC,KAAK,QACLC,QAAQ,YACRC,MAAM,YACNC,KAAM/C,EAAKgD,IAAIC,KACfb,UAAWc,EAAAA,GACZlD,EAAKgD,IAAIG,QAIhBhD,EAAAA,cAAA,OAAK4B,WAAWC,EAAAA,EAAAA,IAAS,0GACrB7B,EAAAA,cAACiD,EAAAA,EAAGC,OAAAC,OAAA,CAACvB,WAAWC,EAAAA,EAAAA,IAAS,qCAAyChC,EAAKuD,UAG7E,EAODC,EAAeA,IAEpBrD,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAAA,aAAO,aAEPA,EAAAA,cAAA,QAAMsD,KAAK,WAAWC,QAAQ,yCAKpC3D,EAAQ,Y","sources":["webpack://gatsby-tinacms/./src/pages/404.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Link, HeadFC, PageProps, graphql, useStaticQuery } from \"gatsby\";\n\nimport { PageContentRenderer } from \"@brz-utils/page.content.renderer\";\nimport { usePage } from \"@brz-utils/contexts/page.context\";\nimport { useClass } from \"@breezerr\";\nimport { Img } from \"@brz-components/elements/img\";\nimport { Uppercase } from \"@brz-components/elements/uppercase\";\nimport { newLinesToBreaks } from \"@brz-utils/newlines.to.breaks\";\nimport { Button } from \"@mui/material\";\nimport { TextLink } from \"@brz-components/elements/text.link\";\n\ntype DataModel = {\n    tinaNode: {\n        tina: {\n            data: {\n                node: {\n                    title: string;\n                    text: string;\n                    subtitle: string;\n                    headingText: string;\n                    cta: {\n                        label: string;\n                        link: string;\n                    }\n                    image: {\n                        src: string;\n                        alt: string;\n                        aspectRatio: number;\n                        height: number;\n                        width: number;\n                    }\n                    seo: {\n                        description: string;\n                        title: string;\n                    }\n                }\n            }\n        };\n    }\n};\n\nconst NotFoundPage = (props: PageProps<DataModel>) => {\n    const { tinaNode } = useStaticQuery<DataModel>(query);\n    const data = tinaNode.tina?.data?.node;\n    \n    \n\n    return (\n        <PageContentRenderer \n            settings={{\n                client: { enabled: false },\n                sitemap: { exclude: true, changefreq: '', priority: 0, breadcrumb: '', breadcrumbs: [] },\n                footer: { disableLinks: false },\n                navigation: { disableButtons: false, disableLeft: false, disableLogo: false, disableRight: false },\n                partner: null,\n                disclaimer: { disable: false } as any,\n            } as any} \n            template={{ \n                disable: {\n                    faqSchema: true,\n                    howToSchema: true,\n                    orgSchema: true\n                } \n            }}\n        >\n            <Content data={data} />\n        </PageContentRenderer>\n    )\n}\n\nexport default NotFoundPage;\n\n\n\ntype ContentProps = {\n    data: DataModel['tinaNode']['tina']['data']['node']\n};\n\nconst Content = (props: ContentProps) => {\n    const { page: settings } = usePage();\n    const { data } = props;    \n\n    return (\n        <div className={useClass(`pt-${settings._computed.topHeight() / 10}rem w-100% of-hidden bg-color-grey:50 pb-6rem lg:pb-0x`)}>\n            <div className={useClass('container d-grid grid-cols-1 lg:grid-cols-12 lg:gap-x-3rem align-items-center')}>\n                {/* Heading */}\n                <div className={useClass('order-2 lg:order-1 col-span-5 text-center lg:text-left')}>\n                    <Uppercase className={useClass('mb-3rem md:text-center lg:text-left')} component={'h1'}>{data.subtitle}</Uppercase>\n                    <h2 \n                        className={`h1 ${useClass('mb-2rem d-block__br')}`} \n                        dangerouslySetInnerHTML={{ __html: newLinesToBreaks(data.headingText) }}\n                    />\n                    <div \n                        className={useClass('lg:max-w-42rem md:text-center lg:text-left text-size-1.6rem lh-2.5rem mb-4rem max-w-60vw mx-auto lg:mx-0x')} \n                        dangerouslySetInnerHTML={{ __html: data.text }}\n                    />\n\n                    <Button \n                        size=\"large\"\n                        variant=\"contained\"\n                        color=\"secondary\"\n                        href={data.cta.link}\n                        component={TextLink}\n                    >{ data.cta.label }</Button>\n                </div>\n\n                {/* Hero Image */}\n                <div className={useClass('order-1 lg:order-2 col-span-7 d-flex justify-content-center lg:justify-content-start mb-4rem lg:mb-0x')}>\n                    <Img className={useClass('max-w-110% lg:max-w-unset h-auto')} {...data.image} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\n\n\n\nexport const Head: HeadFC = () => {\n    return (\n        <>\n            <title>Not found</title>\n            {/* <meta name=\"description\" content={page.seo.description} /> */}\n            <meta name=\"viewport\" content=\"initial-scale=1, width=device-width\" />\n        </>\n    )\n}\n\nconst query = graphql`\n    query NotFountQuery {\n        tinaNode {\n            tina(\n                queryFilePath: \"src/pages/404.tina.query.gql\", \n                variables: { nodeId: \"content\\\\settings\\\\page-not-found.json\" }\n            )\n        }\n    }\n`"],"names":["props","_tinaNode$tina","_tinaNode$tina$data","tinaNode","useStaticQuery","query","data","tina","node","React","PageContentRenderer","settings","client","enabled","sitemap","exclude","changefreq","priority","breadcrumb","breadcrumbs","footer","disableLinks","navigation","disableButtons","disableLeft","disableLogo","disableRight","partner","disclaimer","disable","template","faqSchema","howToSchema","orgSchema","Content","page","usePage","className","useClass","_computed","topHeight","Uppercase","component","subtitle","dangerouslySetInnerHTML","__html","newLinesToBreaks","headingText","text","Button","size","variant","color","href","cta","link","TextLink","label","Img","Object","assign","image","Head","name","content"],"sourceRoot":""}