{"version":3,"file":"static/chunks/7449.da93cd0981aaa2aa.js","mappings":"yiBAKA,IAAMA,EAAQ,OAAC,CACXC,MAAAA,EAAQ,EAAE,CACVC,MAAAA,EAAQ,CAAC,CAAC,CACVC,SAAAA,EAAW,EAAK,CAChBC,QAAAA,EAAU,IAAI,CACjB,CAAAC,EACG,GAAIC,IAAAA,OAAOC,IAAI,CAACL,GAAOM,MAAM,CACzB,OAAO,KAGX,GAAM,CAACC,EAAQC,EAAU,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAE/B,CAAEC,IAAAA,CAAG,CAAEC,MAAAA,CAAK,CAAEC,QAAAA,CAAO,CAAE,CAAGZ,EAE1Ba,EAAUC,IAAWC,IAAAA,aAAuB,CAAE,CAChD,CAACA,GAAAA,CAAAA,wBAA+B,CAAC,CAAER,CACvC,GAEA,MACI,GAAAS,EAAAC,GAAA,EAACC,IAASA,CACNC,UAAWN,EACXO,MAAO,CACHC,UAAW,QACXC,eAAgB,CAAC,EAAEX,EAAMY,CAAC,CAAC,CAAC,EAAEZ,EAAMa,CAAC,CAAC,CAAC,EAE3CC,IAAKf,EACLgB,IAAKd,EACLe,KAAI,GACJC,OAAQ,IAAMpB,EAAU,IACxBP,SAAUA,EACVC,QAASA,EACTH,MAAOA,GAGnB,CAEAD,CAAAA,EAAM+B,SAAS,CAAG,CAAC,ECvCnB,IAAAC,EDyCehC,kKErCf,IAAMiC,EAAkB,OAAC,CAAEC,YAAAA,EAAc,CAAC,CAAC,CAAEC,aAAAA,EAAe,CAAC,CAAC,CAAE,CAAA9B,EACtD+B,EAAkB,CAAC,CAACD,EAAavB,GAAG,CAEpCyB,EAAc,CAAC,EAAEH,GAAaI,MAAM,CAAC,EAAEJ,GAAaK,OAAO,CAAC,CAC5DC,EAAe,CAAC,EAAEL,GAAcG,MAAM,CAAC,EAAEH,GAAcI,OAAO,CAAC,CAE/DE,EAAqBzB,IAAWC,IAAAA,uBAAiC,CAAE,CACrE,CAACA,GAAAA,CAAAA,mCAA0C,CAAC,CAAE,CAACmB,CACnD,GAEA,MACI,GAAAlB,EAAAwB,IAAA,EAACC,MAAAA,CAAItB,UAAWJ,IAAAA,eAAyB,WACrC,GAAAC,EAAAC,GAAA,EAACwB,MAAAA,CACGtB,UAAWoB,EACXnB,MAAO,CACHsB,YAAaP,CACjB,WACA,GAAAnB,EAAAC,GAAA,EAACnB,EAAAA,CAAKA,CAAAA,CAACE,MAAOgC,MAEjBE,GACG,GAAAlB,EAAAC,GAAA,EAACwB,MAAAA,CACGtB,UAAWJ,IAAAA,wBAAkC,CAC7CK,MAAO,CACHsB,YAAaJ,CACjB,WACA,GAAAtB,EAAAC,GAAA,EAACnB,EAAAA,CAAKA,CAAAA,CAACE,MAAOiC,QAKlC,CAEAF,CAAAA,EAAgBF,SAAS,CAAG,CAAC,ECpC7B,IAAAc,EDsCeZ,qBEvCfa,EAAAC,OAAA,EAAkB,mKCAlBD,EAAAC,OAAA,EAAkB","sources":["webpack://_N_E/./components/Image/Image.js","webpack://_N_E/./components/Image/index.js","webpack://_N_E/./components/ResponsiveImage/ResponsiveImage.js","webpack://_N_E/./components/ResponsiveImage/index.js","webpack://_N_E/./components/Image/Image.module.scss","webpack://_N_E/./components/ResponsiveImage/ResponsiveImage.module.scss"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport NextImage from 'next/image';\nimport styles from './Image.module.scss';\n\nconst Image = ({\n    sizes = '',\n    image = {},\n    priority = false,\n    quality = null,\n}) => {\n    if (Object.keys(image).length === 0) {\n        return null;\n    }\n\n    const [loaded, setLoaded] = useState(false);\n\n    const { url, focal, altText } = image;\n\n    const classes = classNames(styles['Image__FadeIn'], {\n        [styles['Image__FadeIn--Loaded']]: loaded,\n    });\n\n    return (\n        <NextImage\n            className={classes}\n            style={{\n                objectFit: 'cover',\n                objectPosition: `${focal.x} ${focal.y}`,\n            }}\n            src={url}\n            alt={altText}\n            fill\n            onLoad={() => setLoaded(true)}\n            priority={priority}\n            quality={quality}\n            sizes={sizes}\n        />\n    );\n};\n\nImage.propTypes = {};\n\nexport default Image;\n","import Image from './Image';\n\nexport default Image;\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport Image from '../Image';\nimport styles from './ResponsiveImage.module.scss';\n\nconst ResponsiveImage = ({ mobileImage = {}, desktopImage = {} }) => {\n    const hasDesktopImage = !!desktopImage.url;\n\n    const mobileRatio = `${mobileImage?.width}/${mobileImage?.height}`;\n    const desktopRatio = `${desktopImage?.width}/${desktopImage?.height}`;\n\n    const mobileImageClasses = classNames(styles['ResponsiveImage__Mobile'], {\n        [styles['ResponsiveImage__Mobile--Desktop']]: !hasDesktopImage,\n    });\n\n    return (\n        <div className={styles['ResponsiveImage']}>\n            <div\n                className={mobileImageClasses}\n                style={{\n                    aspectRatio: mobileRatio,\n                }}>\n                <Image image={mobileImage} />\n            </div>\n            {hasDesktopImage && (\n                <div\n                    className={styles['ResponsiveImage__Desktop']}\n                    style={{\n                        aspectRatio: desktopRatio,\n                    }}>\n                    <Image image={desktopImage} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nResponsiveImage.propTypes = {};\n\nexport default ResponsiveImage;\n","import ResponsiveImage from './ResponsiveImage';\n\nexport default ResponsiveImage;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Image__FadeIn\":\"Image_Image__FadeIn__cwbXb\",\"Image__FadeIn--Loaded\":\"Image_Image__FadeIn--Loaded__D_Z_E\",\"Image--Fit\":\"Image_Image--Fit__FUjdb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ResponsiveImage\":\"ResponsiveImage_ResponsiveImage__a_gSI\",\"ResponsiveImage__Mobile\":\"ResponsiveImage_ResponsiveImage__Mobile__nD4It\",\"ResponsiveImage__Mobile--Desktop\":\"ResponsiveImage_ResponsiveImage__Mobile--Desktop__4dBL4\",\"ResponsiveImage__Desktop\":\"ResponsiveImage_ResponsiveImage__Desktop__zYmI3\"};"],"names":["Image","sizes","image","priority","quality","param","Object","keys","length","loaded","setLoaded","useState","url","focal","altText","classes","classNames","styles","jsx_runtime","jsx","NextImage","className","style","objectFit","objectPosition","x","y","src","alt","fill","onLoad","propTypes","components_Image","ResponsiveImage","mobileImage","desktopImage","hasDesktopImage","mobileRatio","width","height","desktopRatio","mobileImageClasses","jsxs","div","aspectRatio","components_ResponsiveImage","module","exports"],"sourceRoot":""}