{"version":3,"file":"static/chunks/3363.57742a7413619400.js","mappings":"+zBAQA,IAAMA,EAAY,SAACC,GAAD,aACb,eACIC,EAAAA,EAAAA,MAAeC,MADnB,SAEID,EAAAA,EAAAA,QAAiBE,KAFrB,GAGCH,IAEAI,EAAU,SAAC,GAAkD,MAAhDC,EAAgD,EAAhDA,MAAOC,EAAyC,EAAzCA,YAAaC,EAA4B,EAA5BA,MAAOC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAC1CT,GAAQU,EAAAA,EAAAA,YAAWC,EAAAA,GACnBC,EAASb,EAAUC,GAEzB,OACI,iBAAKa,UAAWD,EAAM,QAAtB,WACI,iBAAKC,UAAWD,EAAM,cAAtB,WACI,iBAAMC,UAAWD,EAAM,qBAAvB,SACKN,KAEL,eAAIO,UAAWD,EAAM,eAArB,SAA0CP,KAC1C,gBAAKQ,UAAWD,EAAM,eAAtB,SACKL,GACGA,EAAMO,KAAI,SAACC,EAAMC,GAAP,OACN,mBAACC,EAAD,OACQF,GADR,IAEIG,IAAKF,EACLG,OAAQH,IAAMT,EAAMa,OAAS,EAC7BC,OAAQL,EAAI,cAK3B,OAAJR,QAAI,IAAJA,GAAA,UAAAA,EAAMA,YAAN,eAAYc,QACT,gBAAKT,UAAWD,EAAM,OAAtB,UACI,cAAGC,UAAWD,EAAM,aAAkBU,KAAMd,EAAKA,KAAKc,KAAtD,SAA6Db,UAO3EQ,EAAO,SAAC,GAAoC,IAAlCZ,EAAkC,EAAlCA,MAAOkB,EAA2B,EAA3BA,KAAMF,EAAqB,EAArBA,OAAQF,EAAa,EAAbA,OAC3BnB,GAAQU,EAAAA,EAAAA,YAAWC,EAAAA,GACnBC,EAASb,EAAUC,GAEnBwB,EAAgBC,GAAAA,CAAWb,EAAM,cAAP,UAC3BA,EAAO,sBAAwBO,IAGpC,OACI,iBAAKN,UAAWD,EAAM,KAAtB,WACI,gBAAKC,UAAWW,EAAhB,UACI,iBAAMX,UAAWD,EAAM,iBAAvB,UACI,iBAAMC,UAAWD,EAAM,iBAAvB,SAA8CS,SAGtD,iBAAKR,UAAWD,EAAM,WAAtB,WACI,eAAIC,UAAWD,EAAM,YAArB,SAAuCP,KACvC,gBACIQ,UAAWD,EAAM,WACjBc,wBAAyB,CAAEC,OAAQJ,EAAKK,kBAS5DxB,EAAQyB,aAAe,GAEvB,IC1EA,ED0EA,G,iBE3EAC,EAAOC,QAAU,CAAC,QAAU,iCAAiC,cAAgB,uCAAuC,qBAAuB,8CAA8C,eAAiB,wCAAwC,eAAiB,wCAAwC,KAAO,8BAA8B,WAAa,oCAAoC,aAAe,sCAAsC,qBAAqB,4CAA4C,iBAAmB,0CAA0C,iBAAmB,0CAA0C,YAAc,qCAAqC,WAAa,oCAAoC,OAAS,gCAAgC,aAAe,wC,kBCA7wBD,EAAOC,QAAU,CAAC,QAAU,+BAA+B,cAAgB,qCAAqC,qBAAuB,4CAA4C,eAAiB,sCAAsC,eAAiB,sCAAsC,KAAO,4BAA4B,WAAa,kCAAkC,aAAe,oCAAoC,qBAAqB,0CAA0C,iBAAmB,wCAAwC,iBAAmB,wCAAwC,YAAc,mCAAmC,WAAa,kCAAkC,OAAS,8BAA8B,aAAe","sources":["webpack://_N_E/./components/Stepper/Stepper.js","webpack://_N_E/./components/Stepper/index.js","webpack://_N_E/./components/Stepper/Stepper.folkhem.module.scss","webpack://_N_E/./components/Stepper/Stepper.nordr.module.scss"],"sourcesContent":["import React, { useContext } from 'react';\n// import i18n from '../../i18n';\n// import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './Stepper.nordr.module.scss';\nimport stylesFolkhem from './Stepper.folkhem.module.scss';\n\nconst getStyles = (theme) =>\n    ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]);\n\nconst Stepper = ({ title, superScript, steps, link, linkText }) => {\n    const theme = useContext(ThemeContext);\n    const styles = getStyles(theme);\n\n    return (\n        <div className={styles['Stepper']}>\n            <div className={styles['Stepper__Wrap']}>\n                <span className={styles['Stepper__SuperScript']}>\n                    {superScript}\n                </span>\n                <h2 className={styles['Stepper__Title']}>{title}</h2>\n                <div className={styles['Stepper__Steps']}>\n                    {steps &&\n                        steps.map((step, i) => (\n                            <Step\n                                {...step}\n                                key={i}\n                                isLast={i === steps.length - 1}\n                                number={i + 1}\n                            />\n                        ))}\n                </div>\n            </div>\n            {link?.link?.href &&\n                <div className={styles['Button']}>\n                    <a className={styles['Button__Link']} href={link.link.href}>{linkText}</a>\n                </div>\n            }\n        </div>\n    );\n};\n\nconst Step = ({ title, html, number, isLast }) => {\n    const theme = useContext(ThemeContext);\n    const styles = getStyles(theme);\n\n    const numberClasses = classNames(styles['Step__Number'], {\n        [styles['Step__Number--Last']]: isLast,\n    });\n\n    return (\n        <div className={styles['Step']}>\n            <div className={numberClasses}>\n                <span className={styles['Step__NumberWrap']}>\n                    <span className={styles['Step__NumberText']}>{number}</span>\n                </span>\n            </div>\n            <div className={styles['Step__Wrap']}>\n                <h3 className={styles['Step__Title']}>{title}</h3>\n                <div\n                    className={styles['Step__Html']}\n                    dangerouslySetInnerHTML={{ __html: html.wysiwyg }}\n                />\n            </div>\n        </div>\n    );\n};\n\nStepper.propTypes = {};\n\nStepper.defaultProps = {};\n\nexport default Stepper;\n","import Stepper from './Stepper';\n\nexport default Stepper;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Stepper\":\"Stepper_folkhem_Stepper__3sIOz\",\"Stepper__Wrap\":\"Stepper_folkhem_Stepper__Wrap__54aOm\",\"Stepper__SuperScript\":\"Stepper_folkhem_Stepper__SuperScript__VQ_Mr\",\"Stepper__Title\":\"Stepper_folkhem_Stepper__Title__7iLeT\",\"Stepper__Steps\":\"Stepper_folkhem_Stepper__Steps__ZtoMV\",\"Step\":\"Stepper_folkhem_Step__5L76t\",\"Step__Wrap\":\"Stepper_folkhem_Step__Wrap__2KEYE\",\"Step__Number\":\"Stepper_folkhem_Step__Number__hZNoi\",\"Step__Number--Last\":\"Stepper_folkhem_Step__Number--Last__HwkWu\",\"Step__NumberWrap\":\"Stepper_folkhem_Step__NumberWrap__u2xsX\",\"Step__NumberText\":\"Stepper_folkhem_Step__NumberText__mQrbF\",\"Step__Title\":\"Stepper_folkhem_Step__Title__JjxEk\",\"Step__Html\":\"Stepper_folkhem_Step__Html__2XYhe\",\"Button\":\"Stepper_folkhem_Button__N6kdW\",\"Button__Link\":\"Stepper_folkhem_Button__Link__xGfL8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Stepper\":\"Stepper_nordr_Stepper__3GBJ_\",\"Stepper__Wrap\":\"Stepper_nordr_Stepper__Wrap__WyPzX\",\"Stepper__SuperScript\":\"Stepper_nordr_Stepper__SuperScript__UlJL_\",\"Stepper__Title\":\"Stepper_nordr_Stepper__Title__ylFwv\",\"Stepper__Steps\":\"Stepper_nordr_Stepper__Steps__qBYQm\",\"Step\":\"Stepper_nordr_Step__Zq1YQ\",\"Step__Wrap\":\"Stepper_nordr_Step__Wrap__O_O_J\",\"Step__Number\":\"Stepper_nordr_Step__Number__woMXc\",\"Step__Number--Last\":\"Stepper_nordr_Step__Number--Last__iHL3F\",\"Step__NumberWrap\":\"Stepper_nordr_Step__NumberWrap__7by9V\",\"Step__NumberText\":\"Stepper_nordr_Step__NumberText__xEFyZ\",\"Step__Title\":\"Stepper_nordr_Step__Title__H7tR2\",\"Step__Html\":\"Stepper_nordr_Step__Html__LEgmK\",\"Button\":\"Stepper_nordr_Button__ttVYP\",\"Button__Link\":\"Stepper_nordr_Button__Link__FLvYJ\"};"],"names":["getStyles","theme","themes","stylesNordr","stylesFolkhem","Stepper","title","superScript","steps","link","linkText","useContext","ThemeContext","styles","className","map","step","i","Step","key","isLast","length","number","href","html","numberClasses","classNames","dangerouslySetInnerHTML","__html","wysiwyg","defaultProps","module","exports"],"sourceRoot":""}