{"version":3,"file":"static/chunks/3580.ff4cd63b3a554efc.js","mappings":"qnBAOA,IAAMA,EAAoB,OAAC,CAACC,MAAAA,CAAK,CAAEC,QAAAA,CAAO,CAAEC,aAAAA,CAAY,CAAC,CAAAC,EAC/C,CAACC,EAAAA,CAAC,CAAC,CAAGC,CAAAA,EAAAA,EAAAA,EAAAA,IAENC,EAAaC,CAAAA,EAAAA,EAAAA,MAAAA,IAEb,CAACC,EAAcC,EAAgB,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAASR,GAC3C,CAACS,EAAWC,EAAa,CAAGF,CAAAA,EAAAA,EAAAA,QAAAA,EAASR,GAE3CW,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACN,GAAGX,GAAgBI,EAAWQ,OAAO,CAAE,CAEnC,IAAMC,EAAST,EAAWQ,OAAO,CAACE,YAAY,CAC9CP,EAAgBM,EAFF,KAGdH,EAAaG,EAHC,IAIlB,CACJ,EAAG,EAAE,EAEL,IAAME,EAAyBb,EAAE,6BAAgC,8BAE3Dc,EAAUC,IACZC,IAAAA,iBAAsB,CACtB,CAAC,CAACA,GAAAA,CAAAA,6BAA+B,CAAC,CAAET,CAAS,GAGjD,MACI,GAAAU,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAWN,YACZ,GAAAG,EAAAI,GAAA,EAACC,OAAAA,CAAKF,UAAWJ,IAAAA,wBAA6B,GAE9C,GAAAC,EAAAI,GAAA,EAACF,MAAAA,CAAIC,UAAWJ,IAAAA,uBAA4B,UACxC,GAAAC,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAWJ,IAAAA,4BAAiC,WAC5CpB,GACG,GAAAqB,EAAAI,GAAA,EAACE,KAAAA,CAAGH,UAAWJ,IAAAA,wBAA6B,UAAGpB,IAGnD,GAAAqB,EAAAI,GAAA,EAACF,MAAAA,CAAIC,UAAWJ,IAAAA,0BAA+B,UAC3C,GAAAC,EAAAI,GAAA,EAACF,MAAAA,CACGC,UAAWJ,IAAAA,0BAA+B,CAC1CQ,IAAKtB,EACLuB,wBAAyB,CAACC,OAAQ7B,CAAO,MAIhDO,GACG,GAAAa,EAAAC,IAAA,EAACS,EAAAA,CAAMA,CAAAA,CACHP,UAAWJ,IAAAA,yBAA8B,CACzCY,SAAS,YACTC,QAAS,IAAMrB,EAAa,CAACD,aAE5BM,EACD,GAAAI,EAAAI,GAAA,EAACC,OAAAA,CAAAA,aAO7B,CAEA3B,CAAAA,EAAkBmC,SAAS,CAAG,CAC1BlC,MAAOmC,IAAAA,MAAgB,CACvBlC,QAASkC,IAAAA,MAAgB,CACzBjC,aAAciC,IAAAA,IAAc,EAGhCpC,EAAkBqC,YAAY,CAAG,CAC7BpC,MAAO,GACPC,QAAS,GACTC,aAAc,EAClB,ECzEA,IAAAmC,ED2EetC,ECzER,IAAMuC,EAAgB,uCCH7BC,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./components/ExpandableContent/ExpandableContent.js","webpack://_N_E/./components/ExpandableContent/index.js","webpack://_N_E/./components/ExpandableContent/ExpandableContent.module.scss"],"sourcesContent":["import React, {useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {useTranslation} from 'next-i18next';\nimport classNames from 'classnames';\nimport Button from 'Components/Button';\nimport s from './ExpandableContent.module.scss';\n\nconst ExpandableContent = ({title, content, isExpandable}) => {\n    const {t} = useTranslation();\n\n    const contentRef = useRef();\n\n    const [canBeCropped, setCanBeCropped] = useState(isExpandable);\n    const [isCropped, setIsCropped] = useState(isExpandable);\n\n    useEffect(() => {\n        if(isExpandable && contentRef.current) {\n            const limit = 360;\n            const height = contentRef.current.clientHeight;\n            setCanBeCropped(height > limit);\n            setIsCropped(height > limit);\n        }\n    }, []);\n\n    const buttonText = isCropped ? t('expandableContent.expand') : t('expandableContent.minimize');\n\n    const classes = classNames(\n        s['ExpandableContent'],\n        {[s['ExpandableContent--Cropped']]: isCropped},\n    );\n\n    return (\n        <div className={classes}>\n            <span className={s['ExpandableContent__Shell']} />\n\n            <div className={s['ExpandableContent__Wrap']}>\n                <div className={s['ExpandableContent__Container']}>\n                    {title &&\n                        <h2 className={s['ExpandableContent__Title']}>{title}</h2>\n                    }\n\n                    <div className={s['ExpandableContent__Cropped']}>\n                        <div\n                            className={s['ExpandableContent__Content']}\n                            ref={contentRef}\n                            dangerouslySetInnerHTML={{__html: content}}\n                        />\n                    </div>\n\n                    {canBeCropped &&\n                        <Button\n                            className={s['ExpandableContent__Button']}\n                            modifier=\"Secondary\"\n                            onClick={() => setIsCropped(!isCropped)}\n                        >\n                            {buttonText}\n                            <span />\n                        </Button>\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nExpandableContent.propTypes = {\n    title: PropTypes.string,\n    content: PropTypes.string,\n    isExpandable: PropTypes.bool,\n};\n\nExpandableContent.defaultProps = {\n    title: '',\n    content: '',\n    isExpandable: true,\n};\n\nexport default ExpandableContent;\n","import ExpandableContent from './ExpandableContent';\n\nexport default ExpandableContent;\n\nexport const componentName = 'ExpandableContent';\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ExpandableContent__Content\":\"ExpandableContent_ExpandableContent__Content__V1ul5\",\"ExpandableContent__Shell\":\"ExpandableContent_ExpandableContent__Shell__ABHuk\",\"ExpandableContent\":\"ExpandableContent_ExpandableContent__xAtlX\",\"ExpandableContent__Wrap\":\"ExpandableContent_ExpandableContent__Wrap__phnyi\",\"ExpandableContent__Container\":\"ExpandableContent_ExpandableContent__Container__vS68H\",\"ExpandableContent__Title\":\"ExpandableContent_ExpandableContent__Title___VtYS\",\"ExpandableContent__Cropped\":\"ExpandableContent_ExpandableContent__Cropped__iTWnq\",\"ExpandableContent--Cropped\":\"ExpandableContent_ExpandableContent--Cropped__qBe15\",\"ExpandableContent__Button\":\"ExpandableContent_ExpandableContent__Button__ZVqVp\"};"],"names":["ExpandableContent","title","content","isExpandable","param","t","useTranslation","contentRef","useRef","canBeCropped","setCanBeCropped","useState","isCropped","setIsCropped","useEffect","current","height","clientHeight","buttonText","classes","classNames","s","jsx_runtime","jsxs","div","className","jsx","span","h2","ref","dangerouslySetInnerHTML","__html","Button","modifier","onClick","propTypes","PropTypes","defaultProps","components_ExpandableContent","componentName","module","exports"],"sourceRoot":""}