{"version":3,"file":"component---gatsby-theme-husky-src-templates-recipe-list-recipe-list-tsx-d55500686c7836152b8a.js","mappings":"mOA4PA,UA5OkD,SAAH,GAQxC,IAAD,IAPJA,KAAI,IACFC,WAAcC,EAAY,EAAZA,aAAcC,EAAW,EAAXA,YAAaC,EAAI,EAAJA,KAAMC,EAAG,EAAHA,IAAKC,EAAO,EAAPA,QAASC,EAAK,EAALA,MAChDC,EAAK,EAAlBC,UAAaD,MACbE,EAAM,EAANA,OACAC,EAAM,EAANA,OACAC,EAAY,EAAZA,aAGaC,EAAiER,EAAxES,MAA2BC,EAA6CV,EAAvDW,SAAoCC,EAAmBZ,EAAhCa,YAE1CC,EAAY,CAAEC,UAAW,YAAaC,QAAS,CAAEC,cADtCC,EAAAA,EAAAA,eAC6DC,WAE9E,OACE,gBAAC,IAAM,CAACC,mBAAiB,EAAOlB,MAAAA,GAC7BI,GAAU,gBAAC,IAAM,CAACX,KAAMW,EAAQe,SAAUd,IAC3C,gBAAC,IAAG,CAAOR,KAAAA,EAAMC,IAAAA,IACjB,gBAAC,IAAU,CACTsB,KAAK,UACLC,KAAMf,EACNb,KAAM,CACJ6B,UAAWhB,EACXiB,gBAAiBb,EACjBc,aAAchB,GAEhBiB,aAAcb,IAEhB,uBAAKc,UAAU,yCACb,2BAASA,UAAU,uBACjB,gBAAC,IAAK,CACJC,UAAWhC,EACXiC,IAAKjC,EAAakC,QAClBH,UAAU,sBAEZ,gBAAC,IAAK,CAACC,UAAW/B,EAAagC,IAAKhC,EAAYiC,QAASH,UAAU,uBAErE,2BAASA,UAAU,sBACjB,uBAAKA,UAAU,aACb,uBAAKA,UAAU,YACZzB,EAAM6B,KAAI,gBAAGC,EAAE,EAAFA,GAAIxB,EAAK,EAALA,MAAOyB,EAAK,EAALA,MAAOC,EAAG,EAAHA,IAAG,OACjC,uBAAKP,UAAU,uBAAuBQ,IAAKH,GACzC,uBAAKL,UAAU,6BACb,uBAAKA,UAAU,+BACb,gBAAC,IAAK,CAACC,UAAWK,EAAOJ,IAAKI,EAAMH,WAEtC,uBAAKH,UAAU,aACb,gBAAC,IAAuB,CAACS,KAAM5B,EAAO6B,QAAQ,KAAKV,UAAU,SAC7D,uBAAKA,UAAU,YACb,gBAAC,EAAAW,KAAI,CAACC,GAAIL,EAAKP,UAAU,mBACtB3B,MAKL,QAMfI,EAAS,gBAAC,IAAM,CAACV,KAAMU,IAAa,iCAG3C,C","sources":["webpack://husky-site/../gatsby-theme-husky/src/templates/RecipeList/RecipeList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { graphql, Link } from 'gatsby';\nimport { useLocation } from '@reach/router';\n\nimport DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';\nimport Layout from 'layout/Layout';\nimport Image from 'common/Image';\nimport PageSchema from 'common/PageSchema';\nimport Seo from 'common/Seo';\nimport Footer from 'components/Footer';\nimport Header from 'components/Header';\n\nimport { RecipeListProps } from './models';\n\nimport './RecipeList.scss';\n\nconst RecipeList: FC<{ data: RecipeListProps }> = ({\n  data: {\n    recipeList: { imageDesktop, imageMobile, urls, seo, seeMore, pixel },\n    allRecipe: { nodes },\n    footer,\n    header,\n    siteSettings,\n  },\n}) => {\n  const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;\n  const location = useLocation();\n  const eventData = { eventType: 'page_view', tagData: { pageTemplate: location.pathname } };\n\n  return (\n    <Layout headerTransparent {...{ pixel }}>\n      {header && <Header data={header} settings={siteSettings} />}\n      <Seo {...{ urls, seo }} />\n      <PageSchema\n        type=\"WebSite\"\n        name={seoTitle}\n        data={{\n          metaTitle: seoTitle,\n          metaDescription: seoDescription,\n          metaKeywords: seoKeywords,\n        }}\n        tagEventData={eventData}\n      />\n      <div className=\"mx-auto section-container recipe-list\">\n        <section className=\"recipe-list__banner\">\n          <Image\n            imageData={imageDesktop}\n            alt={imageDesktop.altText}\n            className=\"d-none d-md-block\"\n          />\n          <Image imageData={imageMobile} alt={imageMobile.altText} className=\"d-block d-md-none\" />\n        </section>\n        <section className=\"recipe-list__items\">\n          <div className=\"container\">\n            <div className=\"row pb-5\">\n              {nodes.map(({ id, title, image, url }) => (\n                <div className=\"col-12 col-md-4 my-2\" key={id}>\n                  <div className=\"recipe-list__item mx-auto\">\n                    <div className=\"p-1 recipe-list__item-image\">\n                      <Image imageData={image} alt={image.altText} />\n                    </div>\n                    <div className=\"px-3 pb-3\">\n                      <DangerouslySetInnerHtml html={title} element=\"h3\" className=\"py-4\" />\n                      <div className=\"text-end\">\n                        <Link to={url} className=\"btn btn-primary\">\n                          {seeMore}\n                        </Link>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </section>\n      </div>\n      {footer ? <Footer data={footer} /> : <></>}\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($lang: String) {\n    recipeList {\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n      seeMore\n      imageDesktop {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n      }\n      imageMobile {\n        childImageSharp {\n          gatsbyImageData(quality: 100)\n        }\n      }\n      pixel {\n        nameEvent\n        contentId\n        contentName\n        contentType\n        contentValue\n        contentCurrency\n      }\n    }\n    allRecipe {\n      nodes {\n        id\n        title\n        url\n        image {\n          childImageSharp {\n            gatsbyImageData\n          }\n        }\n      }\n    }\n    header(lang: { eq: $lang }) {\n      logo {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, quality: 100)\n        }\n      }\n      socialMedia {\n        name\n        url\n        queryString\n      }\n      socialMediaLogo {\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 100)\n          }\n        }\n        url {\n          name\n          url\n        }\n      }\n      navs {\n        label\n        url {\n          url\n        }\n        navigationWithSubMenu {\n          label\n          url {\n            name\n            url\n          }\n        }\n      }\n      sidebar {\n        url {\n          url\n        }\n        image {\n          desktop {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n          mobile {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n          tablet {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n        }\n        url {\n          url\n        }\n      }\n    }\n    siteSettings {\n      siteName\n      defaultLang\n      popupLanguage\n      avaliableLanguages {\n        url\n        code\n        title\n        longTitle\n      }\n    }\n    footer(lang: { eq: $lang }) {\n      logo {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n      }\n      extraLogo {\n        childImageSharp {\n          gatsbyImageData(quality: 100)\n        }\n      }\n      navs {\n        name\n        url\n      }\n      contact\n      copyright\n      socialMedia {\n        iconImage {\n          url\n          altText\n          fallbackUrl\n        }\n        iconLink {\n          url\n          name\n          icon\n        }\n      }\n    }\n  }\n`;\n\nexport default RecipeList;\n"],"names":["data","recipeList","imageDesktop","imageMobile","urls","seo","seeMore","pixel","nodes","allRecipe","footer","header","siteSettings","seoTitle","title","seoKeywords","keywords","seoDescription","description","eventData","eventType","tagData","pageTemplate","useLocation","pathname","headerTransparent","settings","type","name","metaTitle","metaDescription","metaKeywords","tagEventData","className","imageData","alt","altText","map","id","image","url","key","html","element","Link","to"],"sourceRoot":""}