{"version":3,"file":"static/js/FeaturedNews.572014cf.js","mappings":"gQAOO,MAAMA,GAAYC,EAAAA,EAAAA,QAAOC,EAAAA,IAAcC,WAAA,CAAAC,YAAA,eAArBH,CAAqB,kKACxCI,EAAAA,GAKAC,EAAAA,GAAGC,OAIHD,EAAAA,GAAGE,SAKIC,EAAUR,EAAAA,OAAOS,GAAEP,WAAA,CAAAC,YAAA,eAATH,CAAS,0MAC1BU,EAAAA,GAKAL,EAAAA,GAAGC,OAKHD,EAAAA,GAAGE,SAMII,EAAcX,EAAAA,OAAOY,IAAGV,WAAA,CAAAC,YAAA,eAAVH,CAAU,0KAG/BK,EAAAA,GAAGC,OAQCD,EAAAA,GAAGC,Q,eC1Cb,MAAMO,EAAeA,EACjBC,aACAC,UACAC,QACAC,iBAGIC,EAAAA,EAAAA,KAACC,EAAAA,EAAO,CAACC,MAAO,YAAaC,WAAW,SAASC,GAAIL,EAAWM,UAC5DC,EAAAA,EAAAA,MAACzB,EAAS,CAAAwB,SAAA,CACLR,IACGG,EAAAA,EAAAA,KAACV,EAAO,CAACiB,wBAAyB,CAAEC,OAAQX,KAE1C,OAALC,QAAK,IAALA,OAAK,EAALA,EAAOW,KAAI,CAACC,EAAUC,KAEfX,EAAAA,EAAAA,KAACP,EAAW,CAAAY,UACRL,EAAAA,EAAAA,KAACY,EAAAA,EAAQ,IACDF,EACJG,KAAe,GAATF,EAAa,QAAU,YAHlB,WAAUA,SANzBf,KAmB5B,MAAekB,EAAAA,KAAWnB,E,6DC9B1B,MAAMiB,GAAWG,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,kBAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAH,SAAAI,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YACrBA,IACI,+BAAuDC,YAAAA,CAAAL,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,YAAAH,SAAAI,IAAA,OAAAG,YAAAJ,GAAAM,MAAAT,IAAA,KAAAA,SAAAI,IAAA,EAAAJ,IAAA,EAAAU,WAAAA,CAAAP,GAAA,MAAAf,EAAA,KAAAiB,QAAAF,GAAA,OAAAQ,EAAAvB,EAAA,EAAAiB,OAAAA,GAAA,gBAEzDO,EAAkBT,IACpBnB,EAAAA,EAAAA,KAACY,EAAQ,IAAKO,IAElB,K","sources":["components/FeaturedNews/FeaturedNews.styled.ts","components/FeaturedNews/FeaturedNews.tsx","components/PageCard/PageCardLoader.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingXL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled(GridContainer)`\n    ${columnGap};\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    row-gap: 2.1875rem;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_XL} {\n        row-gap: 3.5rem;\n    }\n`;\n\nexport const Heading = styled.h2`\n    ${styleHeadingXL};\n    grid-column: col-start 1 / span 3;\n    margin-bottom: 0.4375rem;\n    margin-top: 0;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 6;\n        margin-bottom: 1.3125rem;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: col-start 1 / span 4;\n        margin-bottom: 0.875rem;\n    }\n`;\n\nexport const CardWrapper = styled.div`\n    grid-column: auto / span 4;\n\n    ${MQ.FROM_M} {\n        grid-column: auto / span 6;\n    }\n\n    &:first-of-type {\n        grid-column: col-start 1 / span 4;\n        grid-column: auto / span 4;\n\n        ${MQ.FROM_M} {\n            grid-column: auto / span 12;\n        }\n    }\n`;\n","import React, { ReactElement } from \"react\";\n\nimport PageCard from \"components/PageCard\";\nimport Section from \"components/Section\";\n\nimport { Container, Heading, CardWrapper } from \"./FeaturedNews.styled\";\nimport FeaturedNewsProps from \"./FeaturedNewsProps\";\n\nconst FeaturedNews = ({\n    identifier,\n    heading,\n    items,\n    anchorName,\n}: FeaturedNewsProps): ReactElement => {\n    return (\n        <Section theme={\"lightgray\"} alignItems=\"center\" id={anchorName}>\n            <Container key={identifier}>\n                {heading && (\n                    <Heading dangerouslySetInnerHTML={{ __html: heading }} />\n                )}\n                {items?.map((cardData, index) => {\n                    return (\n                        <CardWrapper key={`NewsCard${index}`}>\n                            <PageCard\n                                {...cardData}\n                                size={index == 0 ? \"large\" : \"medium\"}\n                            />\n                        </CardWrapper>\n                    );\n                })}\n            </Container>\n        </Section>\n    );\n};\n\nexport default React.memo(FeaturedNews);\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport PageCardProps from \"./PageCardProps\";\n\nconst PageCard = loadable(\n    (): Promise<DefaultComponent<PageCardProps>> =>\n        import(/* webpackChunkName: \"PageCard\" */ \"./PageCard\"),\n);\nconst PageCardLoader = (props: PageCardProps): ReactElement => (\n    <PageCard {...props} />\n);\nexport default PageCardLoader;\n"],"names":["Container","styled","GridContainer","withConfig","componentId","columnGap","MQ","FROM_M","FROM_XL","Heading","h2","styleHeadingXL","CardWrapper","div","FeaturedNews","identifier","heading","items","anchorName","_jsx","Section","theme","alignItems","id","children","_jsxs","dangerouslySetInnerHTML","__html","map","cardData","index","PageCard","size","React","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","__webpack_require__","PageCardLoader"],"sourceRoot":""}