{"version":3,"file":"static/chunks/8430.03b9f677f198f8b3.js","mappings":"mwBASA,IAAMA,EAAY,SAACC,GAAD,aAAY,eACrBC,EAAAA,EAAAA,MAAeC,MADM,SAErBD,EAAAA,EAAAA,QAAiBE,KAFI,GAGxBH,IAGAI,EAAAA,SAAAA,I,uHACF,WACI,MAAyDC,KAAKC,MAAtDC,EAAR,EAAQA,KAAMC,EAAd,EAAcA,MAAOC,EAArB,EAAqBA,MAAOC,EAA5B,EAA4BA,KAAMC,EAAlC,EAAkCA,IAAKC,EAAvC,EAAuCA,KAAMC,EAA7C,EAA6CA,QAEvCb,EAAQK,KAAKS,QACbC,EAAShB,EAAUC,GAEnBgB,EACFR,GAASA,EAAMS,YAAcT,EAAMS,WAAN,UACvBT,EAAMS,WAAN,UAA8BC,IAC9B,KAEJC,EAAenB,IAAUC,EAAAA,EAAAA,MAEzBmB,EAAUC,GAAAA,CAAWN,EAAM,SAAP,UACrBA,EAAO,sBAAwBF,IAGpC,OAAIM,GAEI,gBAAKG,UAAWF,EAAhB,UACI,iBAAKE,UAAWP,EAAM,iBAAtB,WACI,gBAAKO,UAAWP,EAAM,wBAAtB,SACKC,IACG,gBACIE,IAAKF,EACLO,IAAI,GACJD,UAAWP,EAAM,eACjBS,QAAQ,YAIpB,SAACC,EAAD,CAASlB,KAAMA,EAAME,MAAOA,EAAOC,KAAMA,EAAMC,IAAKA,EAAKC,KAAMA,EAAMZ,MAAOA,UAOxF,gBACIsB,UAAWF,EACXM,MAAOV,GAAO,CAAEW,gBAAiB,OAAF,OAASX,EAAT,MAFnC,UAGI,SAACS,EAAD,CAAShB,MAAOA,EAAOC,KAAMA,EAAMC,IAAKA,EAAKC,KAAMA,EAAMZ,MAAOA,U,EA1C1EI,CAAgBwB,EAAAA,eAgDhBH,EAAU,SAAC,GAA4C,IAA1ChB,EAA0C,EAA1CA,MAAOE,EAAmC,EAAnCA,IAAKD,EAA8B,EAA9BA,KAAME,EAAwB,EAAxBA,KAAMZ,EAAkB,EAAlBA,MAAOO,EAAW,EAAXA,KACxCQ,EAAShB,EAAUC,GACnB6B,EAAYtB,EAAOQ,EAAO,iBAAD,OAAkBR,IAAUQ,EAAO,wBAElE,OACI,iBAAKO,UAAWP,EAAM,iBAAtB,UACKN,IAAS,gBAAIa,UAAWP,EAAM,eAArB,cAA2CN,KACpDE,IAAO,gBAAKW,UAAWP,EAAM,aAAtB,SAAyCJ,IAChDD,IAAQ,uBAAIA,IACZE,GAAQA,EAAKkB,OACV,SAACC,EAAA,EAAD,CACIC,QAAQ,IACRF,KAAMlB,EAAKkB,KACXR,UAAS,cAASO,EAAT,YAAsBd,EAAM,cAHzC,SAKKH,EAAKF,KAAOE,EAAKF,KAAOuB,EAAAA,EAAAA,EAAO,WAAY,UAsBhE7B,EAAQ8B,aAAe,GACvB9B,EAAQ+B,YAAcC,EAAAA,EAEtB,ICrGA,EDqGA,G,kBEtGAC,EAAOC,QAAU,CAAC,QAAU,iCAAiC,iBAAmB,0CAA0C,eAAiB,wCAAwC,aAAe,sCAAsC,aAAe,wC,kBCAvPD,EAAOC,QAAU,CAAC,QAAU,+BAA+B,mBAAmB,wCAAwC,iBAAmB,wCAAwC,wBAA0B,+CAA+C,eAAiB,sCAAsC,iBAAmB,wCAAwC,eAAiB,sCAAsC,aAAe,oCAAoC,aAAe,oCAAoC,mBAAmB,wCAAwC,uBAAuB","sources":["webpack://_N_E/./components/CardCta/CardCta.js","webpack://_N_E/./components/CardCta/index.js","webpack://_N_E/./components/CardCta/CardCta.folkhem.module.scss","webpack://_N_E/./components/CardCta/CardCta.nordr.module.scss"],"sourcesContent":["import React, { PureComponent, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport i18n from '../../i18n';\nimport Btn from '../Btn';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './CardCta.nordr.module.scss';\nimport stylesFolkhem from './CardCta.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nclass CardCta extends PureComponent {\n    render() {\n        const { icon, image, title, text, tag, link, reverse } = this.props;\n\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        const img =\n            image && image.renditions && image.renditions['fullwidth']\n                ? image.renditions['fullwidth'].src\n                : null;\n\n        const isNordrTheme = theme === themes.NORDR;\n\n        const classes = classNames(styles[\"CardCta\"], {\n            [styles[`CardCta--Reverse`]]: !!reverse\n        })\n\n        if (isNordrTheme) {\n            return (\n                <div className={classes}>\n                    <div className={styles[\"CardCta__Wrapper\"]}>\n                        <div className={styles[\"CardCta__ImageContainer\"]}>\n                            {img &&\n                                <img\n                                    src={img}\n                                    alt=\"\"\n                                    className={styles[\"CardCta__Image\"]}\n                                    loading=\"lazy\"\n                                />\n                            }\n                        </div>\n                        <Content icon={icon} title={title} text={text} tag={tag} link={link} theme={theme} />\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div\n                className={classes}\n                style={img && { backgroundImage: `url(${img})` }}>\n                <Content title={title} text={text} tag={tag} link={link} theme={theme} />\n            </div>\n        );\n    }\n}\n\nconst Content = ({ title, tag, text, link, theme, icon }) => {\n    const styles = getStyles(theme);\n    const iconClass = icon ? styles[`CardCta__Btn--${icon}`] : styles[`CardCta__Btn--NoIcon`]\n\n    return (\n        <div className={styles[\"CardCta__Content\"]}>\n            {title && <h2 className={styles[\"CardCta__Title\"]}> {title}</h2>}\n            {tag && <div className={styles[\"CardCta__Tag\"]}>{tag}</div>}\n            {text && <p>{text}</p>}\n            {link && link.href && (\n                <Btn\n                    element=\"a\"\n                    href={link.href}\n                    className={`Btn ${iconClass} ${styles[\"CardCta__Btn\"]}`}\n                >\n                    {link.text ? link.text : i18n.t('readMore', '')}\n                </Btn>\n            )}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    title: PropTypes.string,\n    text: PropTypes.string,\n    tag: PropTypes.string,\n    link: PropTypes.object,\n};\n\nCardCta.propTypes = {\n    image: PropTypes.object,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    tag: PropTypes.string,\n    link: PropTypes.object,\n};\n\nCardCta.defaultProps = {};\nCardCta.contextType = ThemeContext;\n\nexport default CardCta;\n","import CardCta from './CardCta';\n\nexport default CardCta;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardCta\":\"CardCta_folkhem_CardCta__yJt0_\",\"CardCta__Content\":\"CardCta_folkhem_CardCta__Content__8qWeT\",\"CardCta__Title\":\"CardCta_folkhem_CardCta__Title__tnL_Z\",\"CardCta__Tag\":\"CardCta_folkhem_CardCta__Tag__xzCKs\",\"CardCta__Btn\":\"CardCta_folkhem_CardCta__Btn__0Z9cz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardCta\":\"CardCta_nordr_CardCta__OcSFv\",\"CardCta--Reverse\":\"CardCta_nordr_CardCta--Reverse__ttaVi\",\"CardCta__Wrapper\":\"CardCta_nordr_CardCta__Wrapper__eKoGH\",\"CardCta__ImageContainer\":\"CardCta_nordr_CardCta__ImageContainer__nAWiq\",\"CardCta__Image\":\"CardCta_nordr_CardCta__Image__FSH6i\",\"CardCta__Content\":\"CardCta_nordr_CardCta__Content__nZYfe\",\"CardCta__Title\":\"CardCta_nordr_CardCta__Title__OKzJ5\",\"CardCta__Tag\":\"CardCta_nordr_CardCta__Tag__bcN3c\",\"CardCta__Btn\":\"CardCta_nordr_CardCta__Btn__ef8Bd\",\"CardCta__Btn--3d\":\"CardCta_nordr_CardCta__Btn--3d__rMD7I\",\"CardCta__Btn--NoIcon\":\"CardCta_nordr_CardCta__Btn--NoIcon__UTFEF\"};"],"names":["getStyles","theme","themes","stylesNordr","stylesFolkhem","CardCta","this","props","icon","image","title","text","tag","link","reverse","context","styles","img","renditions","src","isNordrTheme","classes","classNames","className","alt","loading","Content","style","backgroundImage","PureComponent","iconClass","href","Btn","element","i18n","defaultProps","contextType","ThemeContext","module","exports"],"sourceRoot":""}