{"version":3,"file":"static/chunks/7535.ee43944dd8316892.js","mappings":"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","sources":["webpack://_N_E/./components/Cards/Cards.js","webpack://_N_E/./components/Cards/index.js","webpack://_N_E/./components/Cards/Cards.module.scss"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { serializeImage } from '../../utils/SerializeImage';\nimport BackgroundImage from '../BackgroundImage';\nimport Button from '../Button';\nimport { useTranslation } from 'next-i18next';\n\nimport styles from './Cards.module.scss';\n\nconst Cards = ({ heading, preamble, items = [], pageType }) => {\n    const isSingle = items.length === 1;\n    const shouldCenterCards = ['Article', 'Landing'].includes(pageType);\n\n    return (\n        <div className={styles['Cards']}>\n            <div className={styles['Cards__Header']}>\n                {heading && (\n                    <h2 className={styles['Cards__Heading']}>{heading}</h2>\n                )}\n                {preamble && (\n                    <div\n                        className={styles['Cards__Preamble']}\n                        dangerouslySetInnerHTML={{ __html: preamble }}\n                    />\n                )}\n            </div>\n            <div className={styles['Cards__Container']}>\n                {items.map((item, index) => (\n                    <Card\n                        {...item}\n                        key={index}\n                        single={isSingle}\n                        isCentered={shouldCenterCards}\n                    />\n                ))}\n            </div>\n        </div>\n    );\n};\n\nCards.propTypes = {\n    heading: PropTypes.string,\n    preamble: PropTypes.string,\n    items: PropTypes.array,\n};\n\nconst Card = ({\n    buttonText,\n    single = false,\n    page = {},\n    isCentered = false,\n}) => {\n    const {\n        isExternal = false,\n        href = '',\n        image = {},\n        title = '',\n        text = '',\n    } = page;\n    const { t } = useTranslation('common');\n    const serializedImage = serializeImage(image);\n\n    const classes = classNames(styles['Cards__Card'], {\n        [styles['Cards__Card--Large']]: single,\n        [styles['Cards__Card--Half']]: !single,\n        [styles['Cards__Card--Centered']]: isCentered,\n    });\n\n    const arrowType = isExternal ? 'DiagonalArrow' : 'Arrow';\n    const buttonType = single ? 'Primary' : 'PrimarySmall';\n\n    let imageProps = {\n        sizes: '(max-width: 768px) 100vw, (max-width: 1280px) 80vw, 1260px',\n    };\n\n    if (!single) {\n        imageProps.sizes =\n            '(max-width: 768px) 100vw, (max-width: 1280px) 50vw, 618px';\n        imageProps.quality = 70;\n    }\n\n    return (\n        <article className={classes}>\n            <div className={styles['Cards__Image']}>\n                {serializedImage && (\n                    <BackgroundImage {...imageProps} {...serializedImage} />\n                )}\n            </div>\n            <div className={styles['Cards__Content']}>\n                <h2 className={styles['Cards__Title']}>{title}</h2>\n                <div\n                    className={styles['Cards__Text']}\n                    dangerouslySetInnerHTML={{ __html: text }}></div>\n            </div>\n            <div className={styles['Cards__Button']}>\n                <Button\n                    link={href}\n                    text={buttonText || t('cards.readMore')}\n                    label={title}\n                    icon={arrowType}\n                    type={buttonType}\n                />\n            </div>\n        </article>\n    );\n};\n\nCard.propTypes = {\n    href: PropTypes.string,\n    image: PropTypes.object,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    single: PropTypes.bool,\n    buttonText: PropTypes.string,\n    page: PropTypes.object,\n    isCentered: PropTypes.bool,\n};\n\nexport default Cards;\n","import Cards from './Cards';\n\nexport default Cards;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Cards__Container\":\"Cards_Cards__Container__pgbV5\",\"Cards__Header\":\"Cards_Cards__Header__m1UlW\",\"Cards__Card--Large\":\"Cards_Cards__Card--Large__wvl_Y\",\"Cards__Title\":\"Cards_Cards__Title__79_s7\",\"Cards__Heading\":\"Cards_Cards__Heading__M3CWv\",\"Cards__Card--Half\":\"Cards_Cards__Card--Half__iV3v7\",\"Cards__Preamble\":\"Cards_Cards__Preamble__G6FOi\",\"Cards__Content\":\"Cards_Cards__Content__bWDgf\",\"Cards\":\"Cards_Cards__kp4wQ\",\"Cards__Card\":\"Cards_Cards__Card__DWt2t\",\"ArticlePage\":\"Cards_ArticlePage__4HAAT\",\"LandingPage\":\"Cards_LandingPage__NrKON\",\"Cards__Card--Centered\":\"Cards_Cards__Card--Centered__JJN4G\",\"Cards__Link\":\"Cards_Cards__Link__Uy7AW\",\"Cards__Image\":\"Cards_Cards__Image__U344d\",\"Cards__Text\":\"Cards_Cards__Text__sQDHS\",\"Cards__Button\":\"Cards_Cards__Button__gSJ4Y\"};"],"names":["Cards","heading","preamble","items","pageType","param","isSingle","length","shouldCenterCards","includes","jsx_runtime","jsxs","div","className","styles","jsx","h2","dangerouslySetInnerHTML","__html","map","item","index","react","createElement","Card","key","single","isCentered","propTypes","PropTypes","buttonText","page","isExternal","href","image","title","text","t","useTranslation","serializedImage","serializeImage","classes","classNames","buttonType","imageProps","sizes","quality","article","BackgroundImage","Button","link","label","icon","type","components_Cards","module","exports"],"sourceRoot":""}