{"version":3,"file":"static/js/blocks25.4e6e6b32.chunk.js","mappings":"0PAEO,MCDP,GAAgB,QAAU,wBAAwB,UAAY,0BAA0B,MAAQ,sBAAsB,kBAAoB,kCAAkC,aAAe,6BAA6B,YAAc,4BAA4B,YAAc,4BAA4B,WAAa,2BAA2B,OAAS,uBAAuB,KAAO,sB,cCoB3X,MA4DA,EA5DgBA,IACZ,MAAM,kBAAEC,ICpBgBC,EDoBkBF,EAAME,SCpBNC,EDoBgBA,ECVnD,CACHF,mBAVsBG,EAAAA,EAAAA,UAAQ,IAErB,wBADDF,EAEOC,EAAEE,kBAEFF,EAAEG,oBAElB,CAACJ,EAAUC,MARSI,IAACL,EAAkBC,EDqB1C,MAAM,qBAAEK,EAAoB,mBAAEC,IAAuBC,EAAAA,EAAAA,GAAmBV,EAAMW,kBACxE,eAAEC,GFtBgBC,EAACC,EAAiBX,KAQnC,CACHS,gBARmBR,EAAAA,EAAAA,UAAQ,KAC3B,GACS,iBADDU,EAEA,OAAOX,EAAEY,WACjB,GACD,CAACD,EAASX,MEgBcU,CAAab,EAAMgB,UAAWb,IACnD,aAAEc,IAAiBC,EAAAA,EAAAA,GAAWlB,EAAMmB,UAAWV,GAC/CW,EAAepB,EAAMmB,WAAahB,EAAEgB,UAE1C,OACIE,EAAAA,EAAAA,KAAA,OACIC,WAAWC,EAAAA,EAAAA,IACPpB,EAAEqB,QACFhB,EACAY,EACAR,EACAK,EACAhB,GACFwB,UAEFJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BG,EAAAA,EAAAA,MAAA,OAAKN,UAAWnB,EAAE0B,MAAMJ,SAAA,CAEnBzB,EAAM8B,OACHT,EAAAA,EAAAA,KAAA,UAAQC,UAAWnB,EAAE4B,aAAaN,UAC9BJ,EAAAA,EAAAA,KAACW,EAAAA,EAAW,CACRC,IAAKjC,EAAM8B,MAAMI,IACjBC,aAAcnC,EAAM8B,MAAMM,MAC1BC,aAAcrC,EAAM8B,MAAMQ,OAC1BC,YAAkB,OAALvC,QAAK,IAALA,OAAK,EAALA,EAAOuC,gBAG5B,MAGJX,EAAAA,EAAAA,MAAA,OAAKN,UAAWnB,EAAEqC,YAAYf,SAAA,EAE1BJ,EAAAA,EAAAA,KAACoB,EAAAA,EAAO,CAACC,KAAMC,EAAAA,EAAaC,MAAOtB,UAAWnB,EAAE0C,QAGhDjB,EAAAA,EAAAA,MAAA,cAAYN,UAAWnB,EAAE2C,WAAWrB,SAAA,CAC/BzB,EAAM+C,UACH1B,EAAAA,EAAAA,KAAC2B,EAAAA,GAAQ,CAACC,IAAE,EAACC,IAAKC,EAAAA,GAAYC,GAAIC,UAAQ,EAACC,WAAS,EAAA7B,SAC/CzB,EAAM+C,WAEX,KAEH/C,EAAMuD,OAAQlC,EAAAA,EAAAA,KAACmC,EAAAA,EAAO,CAACC,KAAMzD,EAAMuD,MAAOG,WAAS,IAAM,SAI9D9B,EAAAA,EAAAA,MAAA,OAAKN,UAAWnB,EAAEwD,OAAOlC,SAAA,CACpBzB,EAAM2D,QAAStC,EAAAA,EAAAA,KAAA,KAAAI,SAAIzB,EAAM2D,SAAc,KACvC3D,EAAM4D,2BAKrB,C","sources":["blocks/components/Quotes/hooks/useImageSize.hook.ts","webpack://@danishagro/cms/./src/blocks/components/Quotes/Quotes.module.scss?2089","blocks/components/Quotes/Quotes.component.tsx","blocks/components/Quotes/hooks/usePosition.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const useImageSize = (setting: string, S: { [key: string]: string }) => {\n    const imageSizeClass = useMemo(() => {\n        switch (setting) {\n            case \"NARROW_IMAGE\":\n                return S.narrowImage;\n        }\n    }, [setting, S]);\n\n    return {\n        imageSizeClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Quotes_wrapper__JzH5k\",\"isCompact\":\"Quotes_isCompact__6UFba\",\"inner\":\"Quotes_inner__DGeiM\",\"positionImageLeft\":\"Quotes_positionImageLeft__RyRZQ\",\"imageWrapper\":\"Quotes_imageWrapper__TOd4A\",\"narrowImage\":\"Quotes_narrowImage__lBs1B\",\"textWrapper\":\"Quotes_textWrapper__zvkX1\",\"quoteBlock\":\"Quotes_quoteBlock__goErF\",\"author\":\"Quotes_author__n783+\",\"icon\":\"Quotes_icon__XyAeX\"};","/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// TODO: Remove eslint-disable @typescript-eslint/no-explicit-any\n// TODO: Remove eslint-disable unused-imports/no-unused-vars\nimport React from \"react\";\nimport { cn } from \"@danishagro/shared/src/helpers/classNames.helper\";\nimport { DA_Container } from \"@danishagro/shared/src/components/atoms/Container/Container.component\";\nimport { DA_Icon, DA_IconNames } from \"@danishagro/shared/src/components/atoms/Icon/Icon.component\";\nimport { DA_Text } from \"@danishagro/shared/src/components/atoms/Text/Text.component\";\nimport {\n    DA_Title,\n    DA_TitleTag,\n} from \"@danishagro/shared/src/components/atoms/Title/Title.component\";\nimport { ImageViewer } from \"@danishagro/cms/src/components/ImageViewer/ImageViewer.component\";\nimport { useBackgroundColor } from \"@danishagro/cms/src/blocks/hooks/useBackgroundColor/useBackgroundColor.hook\";\nimport { usePadding } from \"@danishagro/cms/src/blocks/hooks/usePadding/usePadding.hook\";\nimport { QuotesProps } from \"./Quotes.interface\";\nimport { useImageSize } from \"./hooks/useImageSize.hook\";\nimport { usePosition } from \"./hooks/usePosition.hook\";\nimport S from \"./Quotes.module.scss\";\n\nconst Quotes = (props: QuotesProps) => {\n    const { positionClassName } = usePosition(props.position, S);\n    const { backgroundColorClass, hasBackgroundColor } = useBackgroundColor(props.backgroundColor);\n    const { imageSizeClass } = useImageSize(props.imageSize, S);\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const compactClass = props.isCompact && S.isCompact;\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                backgroundColorClass,\n                compactClass,\n                imageSizeClass,\n                paddingClass,\n                positionClassName\n            )}\n        >\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Image */}\n                    {props.image ? (\n                        <figure className={S.imageWrapper}>\n                            <ImageViewer\n                                src={props.image.url}\n                                aspectRatioX={props.image.width}\n                                aspectRatioY={props.image.height}\n                                alternative={props?.alternative}\n                            />\n                        </figure>\n                    ) : null}\n\n                    {/** Quote */}\n                    <div className={S.textWrapper}>\n                        {/** Icon */}\n                        <DA_Icon name={DA_IconNames.Quote} className={S.icon} />\n\n                        {/** Text */}\n                        <blockquote className={S.quoteBlock}>\n                            {props.headline ? (\n                                <DA_Title h2 tag={DA_TitleTag.H2} noMargin fullWidth>\n                                    {props.headline}\n                                </DA_Title>\n                            ) : null}\n\n                            {props.quote ? <DA_Text html={props.quote} noPadding /> : null}\n                        </blockquote>\n\n                        {/** Caption */}\n                        <div className={S.author}>\n                            {props.author ? <b>{props.author}</b> : null}\n                            {props.authorPosition}\n                        </div>\n                    </div>\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default Quotes;\n","import { useMemo } from \"react\";\n\nexport const usePosition = (position: string, S: { [key: string]: string }) => {\n    const positionClassName = useMemo(() => {\n        switch (position) {\n            case \"POSITION_IMAGE_LEFT\":\n                return S.positionImageLeft;\n            default:\n                return S.positionImageRight;\n        }\n    }, [position, S]);\n\n    return {\n        positionClassName,\n    };\n};\n"],"names":["props","positionClassName","position","S","useMemo","positionImageLeft","positionImageRight","usePosition","backgroundColorClass","hasBackgroundColor","useBackgroundColor","backgroundColor","imageSizeClass","useImageSize","setting","narrowImage","imageSize","paddingClass","usePadding","isCompact","compactClass","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","image","imageWrapper","ImageViewer","src","url","aspectRatioX","width","aspectRatioY","height","alternative","textWrapper","DA_Icon","name","DA_IconNames","Quote","icon","quoteBlock","headline","DA_Title","h2","tag","DA_TitleTag","H2","noMargin","fullWidth","quote","DA_Text","html","noPadding","author","authorPosition"],"sourceRoot":""}