{
  version: 3,
  file: "component---gatsby-theme-husky-src-templates-recipe-list-recipe-list-tsx-ef2a7ca9f1a371574c29.js",
  mappings: "2OAmCA,EA1BsD,SAAC,GAAD,IAAGA,EAAH,EAAGA,MAAH,OACpD,uBAAKC,UAAU,gCACb,uBAAKA,UAAU,mBACb,uBAAKA,UAAU,OACZD,EAAME,KAAI,SAACC,GAAD,OACT,uBAAKF,UAAU,oBAAoBG,IAAKD,EAAOE,GAAI,cAAY,4BAC7D,uBAAKJ,UAAU,2BACb,uBAAKA,UAAU,iCACb,gBAAC,EAAAK,KAAD,CAAMC,GAAIJ,EAAOK,KACf,gBAACC,EAAA,EAAD,CAAOC,UAAWP,EAAOQ,UAAWC,IAAKT,EAAOQ,UAAUE,YAG9D,gBAAC,EAAAP,KAAD,CACEL,UAAU,gEACVM,GAAIJ,EAAOK,KAEVL,EAAOW,gB,UCOxB,EAtBoD,SAAC,GAAD,IAAGd,EAAH,EAAGA,MAAH,OAClD,uBAAKC,UAAU,QACb,gBAAC,KAAD,CAAUc,YAAY,EAAOC,gBAAc,EAACC,YAAU,EAACC,YAAY,EAAOC,cAAY,GACnFnB,EAAME,KAAI,SAACC,GAAD,OACT,uBAAKF,UAAU,0BAA0BG,IAAKD,EAAOE,GAAI,cAAY,sBACnE,uBAAKJ,UAAU,iCACb,gBAAC,EAAAK,KAAD,CAAMC,GAAIJ,EAAOK,KACf,gBAACC,EAAA,EAAD,CAAOC,UAAWP,EAAOQ,UAAWC,IAAKT,EAAOQ,UAAUE,YAG9D,gBAAC,EAAAP,KAAD,CACEL,UAAU,gEACVM,GAAIJ,EAAOK,KAEVL,EAAOW,c,oBC8JpB,EApKkD,SAAC,GAK5C,IAAD,IAJJM,KAII,IAHFC,WAAcC,EAGZ,EAHYA,KAAMC,EAGlB,EAHkBA,IAAKT,EAGvB,EAHuBA,MAAOU,EAG9B,EAH8BA,YAAaC,EAG3C,EAH2CA,aAAcC,EAGzD,EAHyDA,YAAaC,EAGtE,EAHsEA,SACpD3B,EAElB,EAFF4B,UAAaC,MAGAC,EAAiEP,EAAxET,MAA2BiB,EAA6CR,EAAvDS,SAAoCC,EAAmBV,EAAhCC,YAEhD,OACE,gBAACU,EAAA,EAAD,CAAQC,mBAAiB,EAAOR,SAAAA,GAC9B,gBAACS,EAAA,EAAD,CAAWd,KAAAA,EAAMC,IAAAA,IACjB,gBAACc,EAAA,EAAD,CACEC,KAAK,UACLC,KAAMT,EACNV,KAAM,CACJoB,UAAWV,EACXW,gBAAiBR,EACjBS,aAAcX,KAGlB,gBAACY,EAAA,EAAD,CACEC,UAAU,iBACVxB,KAAM,CACJyB,MAAOf,EACPgB,UAAW,CACT9C,MAAOA,EAAME,KAAI,SAAC6C,GAAD,MAAW,CAC1BC,SAAUD,EAAKjC,aAKrB,uBAAKb,UAAU,eACb,uBAAKA,UAAU,uBACb,gBAACQ,EAAA,EAAD,CACEC,UAAWe,EACXb,IAAKa,EAAaZ,QAClBZ,UAAU,sBAEZ,gBAACQ,EAAA,EAAD,CACEC,UAAWgB,EACXd,IAAKc,EAAYb,QACjBZ,UAAU,sBAEZ,uBAAKA,UAAU,4BACb,uBAAKA,UAAU,mBACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,mBACb,sBAAIA,UAAU,aAAaa,GAC3B,gBAACmC,EAAA,EAAD,CAAyBC,MAAMC,EAAAA,EAAAA,IAAM3B,GAAc4B,QAAQ,WAMrE,uBAAKnD,UAAU,uDACb,gBAAC,EAAD,CAAmBD,MAAOA,KAE5B,uBAAKC,UAAU,sDACb,gBAAC,EAAD,CAAkBD,MAAOA",
  sources: [
  "webpack://husky-site/../gatsby-theme-husky/src/components/RecipeListDesktop/RecipeListDesktop.tsx",
  "webpack://husky-site/../gatsby-theme-husky/src/components/RecipeListMobile/RecipeListMobile.tsx",
  "webpack://husky-site/../gatsby-theme-husky/src/templates/RecipeList/RecipeList.tsx"
  ],
  sourcesContent: [
  "import React, { FC } from 'react';
  import { Link } from 'gatsby';
  
  import Image from 'common/Image';
  
  import { RecipeListDesktopProps } from './models';
  
  import './RecipeListDesktop.scss';
  
  const RecipeListDesktop: FC<RecipeListDesktopProps> = ({ items }) => (
    <div className="recipe-list__items pt-5 px-5">
      <div className="container-fluid">
        <div className="row">
          {items.map((recipe) => (
            <div className="col col-md-4 mb-4" key={recipe.id} data-testid="recipe-list-desktop-item">
              <div className="recipe-list__items-item">
                <div className="recipe-list__items-item-image">
                  <Link to={recipe.url}>
                    <Image imageData={recipe.thumbnail} alt={recipe.thumbnail.altText} />
                  </Link>
                </div>
                <Link
                  className="p-2 border-0 d-flex align-items-center justify-content-center"
                  to={recipe.url}
                >
                  {recipe.title}
                </Link>
              </div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
  
  export default RecipeListDesktop;
  ",
  "import React, { FC } from 'react';
  import { Carousel } from 'react-responsive-carousel';
  import { Link } from 'gatsby';
  
  import Image from 'common/Image';
  
  import { RecipeListMobileProps } from './models';
  
  import './RecipeListMobile.scss';
  
  const RecipeListMobile: FC<RecipeListMobileProps> = ({ items }) => (
    <div className="pt-5">
      <Carousel showThumbs={false} showIndicators showArrows showStatus={false} infiniteLoop>
        {items.map((recipe) => (
          <div className="recipe-list__items-item" key={recipe.id} data-testid="recipe-mobile-item">
            <div className="recipe-list__items-item-image">
              <Link to={recipe.url}>
                <Image imageData={recipe.thumbnail} alt={recipe.thumbnail.altText} />
              </Link>
            </div>
            <Link
              className="p-2 border-0 d-flex align-items-center justify-content-center"
              to={recipe.url}
            >
              {recipe.title}
            </Link>
          </div>
        ))}
      </Carousel>
    </div>
  );
  
  export default RecipeListMobile;
  ",
  "import React, { FC } from 'react';
  import { graphql } from 'gatsby';
  
  import DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';
  import Layout from 'layout/Layout';
  import Image from 'common/Image';
  import PageSchema from 'common/PageSchema';
  import Seo from 'common/Seo';
  import RecipeListDesktop from 'components/RecipeListDesktop';
  import RecipeListMobile from 'components/RecipeListMobile';
  import { TagEventTracker } from 'components/TagEventTracker';
  
  import { nl2br } from '../../utils/functions';
  import { RecipeListProps } from './models';
  
  import 'styles/main.scss';
  import './RecipeList.scss';
  
  const RecipeList: FC<{ data: RecipeListProps }> = ({
    data: {
      recipeList: { urls, seo, title, description, imageDesktop, imageMobile, headband },
      allRecipe: { nodes: items },
    },
  }) => {
    const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;
  
    return (
      <Layout headerTransparent {...{ headband }}>
        <Seo {...{ urls, seo }} />
        <PageSchema
          type="WebPage"
          name={seoTitle}
          data={{
            metaTitle: seoTitle,
            metaDescription: seoDescription,
            metaKeywords: seoKeywords,
          }}
        />
        <TagEventTracker
          eventType="view_item_list"
          data={{
            value: seoTitle,
            ecommerce: {
              items: items.map((item) => ({
                itemName: item.title,
              })),
            },
          }}
        >
          <div className="recipe-list">
            <div className="recipe-list__banner">
              <Image
                imageData={imageDesktop}
                alt={imageDesktop.altText}
                className="d-none d-md-block"
              />
              <Image
                imageData={imageMobile}
                alt={imageMobile.altText}
                className="d-block d-md-none"
              />
              <div className="recipe-list__banner-text">
                <div className="container-fluid">
                  <div className="row">
                    <div className="col text-center">
                      <h2 className="mb-0 mb-4">{title}</h2>
                      <DangerouslySetInnerHtml html={nl2br(description)} element="p" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="px-5 recipe-list__listing-desktop d-none d-md-block">
              <RecipeListDesktop items={items} />
            </div>
            <div className="px-5 recipe-list__listing-mobile d-block d-md-none">
              <RecipeListMobile items={items} />
            </div>
          </div>
        </TagEventTracker>
      </Layout>
    );
  };
  
  export const query = graphql`
    query ($url: String) {
      recipeList(url: { eq: $url }) {
        urls {
          lang
          href
        }
        headband {
          cta {
            url
            name
          }
          imageDesktop {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
          imageMobile {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
        }
        seo {
          ...SEOStructureFragment
        }
        title
        description
        url
        imageDesktop {
          altText
          fallbackUrl
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
        }
        imageMobile {
          altText
          fallbackUrl
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
        }
      }
      allRecipe {
        nodes {
          title
          url
          thumbnail {
            altText
            fallbackUrl
            desktop {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 700)
              }
            }
            mobile {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 700)
              }
            }
            tablet {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 700)
              }
            }
          }
        }
      }
    }
  `;
  
  export default RecipeList;
  "
  ],
  names: [
  "items",
  "className",
  "map",
  "recipe",
  "key",
  "id",
  "Link",
  "to",
  "url",
  "Image",
  "imageData",
  "thumbnail",
  "alt",
  "altText",
  "title",
  "showThumbs",
  "showIndicators",
  "showArrows",
  "showStatus",
  "infiniteLoop",
  "data",
  "recipeList",
  "urls",
  "seo",
  "description",
  "imageDesktop",
  "imageMobile",
  "headband",
  "allRecipe",
  "nodes",
  "seoTitle",
  "seoKeywords",
  "keywords",
  "seoDescription",
  "Layout",
  "headerTransparent",
  "Seo",
  "PageSchema",
  "type",
  "name",
  "metaTitle",
  "metaDescription",
  "metaKeywords",
  "TagEventTracker",
  "eventType",
  "value",
  "ecommerce",
  "item",
  "itemName",
  "DangerouslySetInnerHtml",
  "html",
  "nl2br",
  "element"
  ],
  sourceRoot: ""
  }