{"version":3,"file":"static/js/blocks45.5ccc4b68.chunk.js","mappings":"0PAEO,MCDP,GAAgB,QAAU,iCAAiC,MAAQ,+BAA+B,UAAY,mCAAmC,cAAgB,uCAAuC,gBAAkB,yCAAyC,eAAiB,wCAAwC,SAAW,kCAAkC,aAAe,sCAAsC,MAAQ,+BAA+B,eAAiB,wCAAwC,QAAU,iCAAiC,uBAAyB,gDAAgD,QAAU,iCAAiC,cAAgB,wC,cCe7qB,MAyDA,EAzDoBA,IAChB,MAAM,qBAAEC,EAAoB,mBAAEC,IAAuBC,EAAAA,EAAAA,GACjDH,EAAMI,iBAAmB,qBAEvB,aAAEC,IAAiBC,EAAAA,EAAAA,GAAWN,EAAMO,UAAWL,IAC/C,kBAAEM,IFlBRC,EEkB0CT,EAAMS,SFjBhDC,EEiB0DV,EAAMU,MFhBhEC,EEgBuEA,EFGhE,CACHH,mBAlBsBI,EAAAA,EAAAA,UAAQ,KAC9B,GAAS,OAALF,QAAK,IAALA,IAAAA,EAAOG,IAYP,OAAOF,EAAEG,SAXT,OAAQL,GACJ,IAAK,qBAML,QACI,OAAOE,EAAEI,cALb,IAAK,uBACD,OAAOJ,EAAEK,gBACb,IAAK,sBACD,OAAOL,EAAEM,eAMrB,GACD,CAACR,EAAe,OAALC,QAAK,IAALA,OAAK,EAALA,EAAOG,IAAKF,MApBHO,IACvBT,EACAC,EACAC,EEiBA,MAAMQ,EAAenB,EAAMO,WAAaI,EAAEJ,UAE1C,OACIa,EAAAA,EAAAA,KAAA,OAAKC,WAAWC,EAAAA,EAAAA,IAAGX,EAAEY,QAASf,EAAmBH,GAAcmB,UAC3DJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BG,EAAAA,EAAAA,MAAA,OAAKN,WAAWC,EAAAA,EAAAA,IAAGX,EAAEiB,MAAOT,GAAcK,SAAA,CAErCxB,EAAMU,OACHU,EAAAA,EAAAA,KAAA,OAAKC,UAAWV,EAAEkB,aAAaL,UAC3BJ,EAAAA,EAAAA,KAACU,EAAAA,EAAW,CACRC,IAAK/B,EAAMU,MAAMG,IACjBmB,YAAkB,OAALhC,QAAK,IAALA,OAAK,EAALA,EAAOgC,YACpBC,aAAcjC,EAAMU,MAAMwB,MAC1BC,aAAcnC,EAAMU,MAAM0B,OAC1Bf,UAAWV,EAAED,MACb2B,MAAM,MAGd,MAGJjB,EAAAA,EAAAA,KAAA,OAAKC,WAAWC,EAAAA,EAAAA,IAAGX,EAAE2B,eAAgBrC,GAAsBuB,UACvDG,EAAAA,EAAAA,MAAA,OAAKN,UAAWV,EAAE4B,QAAQf,SAAA,CAErBxB,EAAMwC,SACHpB,EAAAA,EAAAA,KAAA,QAAMC,UAAWV,EAAE6B,QAAQhB,SAAExB,EAAMwC,UACnC,KAGHxC,EAAMyC,UACHrB,EAAAA,EAAAA,KAACsB,EAAAA,GAAQ,CAACC,IAAE,EAACC,IAAKC,EAAAA,GAAYC,GAAIC,UAAQ,EAACC,WAAS,EAAAxB,SAC/CxB,EAAMyC,WAEX,KAGHzC,EAAMiD,MAAO7B,EAAAA,EAAAA,KAAC8B,EAAAA,EAAO,CAACC,KAAMnD,EAAMiD,KAAMG,WAAS,IAAM,MAIxDhC,EAAAA,EAAAA,KAAA,OAAKC,UAAWV,EAAE0C,cAAc7B,UAC5BJ,EAAAA,EAAAA,KAACkC,EAAAA,EAAO,CAACC,QAASvD,EAAMuD,uBAM1C,C","sources":["blocks/components/TextImageBanner/hooks/usePosition.hook.ts","webpack://@danishagro/cms/./src/blocks/components/TextImageBanner/TextImageBanner.module.scss?5f0d","blocks/components/TextImageBanner/TextImageBanner.component.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const usePosition = (\n    position: string,\n    image: { url?: string },\n    S: { [key: string]: string }\n) => {\n    const positionClassName = useMemo(() => {\n        if (image?.url) {\n            switch (position) {\n                case \"POSITION_TEXT_LEFT\":\n                    return S.heroImageLeft;\n                case \"POSITION_TEXT_CENTER\":\n                    return S.heroImageCenter;\n                case \"POSITION_TEXT_RIGHT\":\n                    return S.heroImageRight;\n                default:\n                    return S.heroImageLeft;\n            }\n        } else {\n            return S.heroText;\n        }\n    }, [position, image?.url, S]);\n\n    return {\n        positionClassName,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"TextImageBanner_wrapper__mNT95\",\"inner\":\"TextImageBanner_inner__7CbY7\",\"isCompact\":\"TextImageBanner_isCompact__QdyuP\",\"heroImageLeft\":\"TextImageBanner_heroImageLeft__vEeEC\",\"heroImageCenter\":\"TextImageBanner_heroImageCenter__GEAxr\",\"heroImageRight\":\"TextImageBanner_heroImageRight__22sBE\",\"heroText\":\"TextImageBanner_heroText__Vtmgh\",\"imageWrapper\":\"TextImageBanner_imageWrapper__Q9WCX\",\"image\":\"TextImageBanner_image__sOoQW\",\"contentWrapper\":\"TextImageBanner_contentWrapper__0DCf+\",\"content\":\"TextImageBanner_content__qhB7E\",\"layoutCoverBlackFilter\":\"TextImageBanner_layoutCoverBlackFilter__g2Fvj\",\"tagline\":\"TextImageBanner_tagline__uQIVl\",\"buttonWrapper\":\"TextImageBanner_buttonWrapper__x4CsT\"};","import 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_Text } from \"@danishagro/shared/src/components/atoms/Text/Text.component\";\nimport { Buttons } from \"@danishagro/cms/src/components/Buttons/Buttons.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 \"src/blocks/hooks/usePadding/usePadding.hook\";\nimport { usePosition } from \"./hooks/usePosition.hook\";\nimport { TextImageBannerProps } from \"./TextImageBanner.interface\";\nimport S from \"./TextImageBanner.module.scss\";\n\nconst BannerText = (props: TextImageBannerProps) => {\n    const { backgroundColorClass, hasBackgroundColor } = useBackgroundColor(\n        props.backgroundColor || \"BACKGROUND_WHITE\"\n    );\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const { positionClassName } = usePosition(props.position, props.image, S);\n    const compactClass = props.isCompact && S.isCompact;\n\n    return (\n        <div className={cn(S.wrapper, positionClassName, paddingClass)}>\n            <DA_Container noVerticalPadding>\n                <div className={cn(S.inner, compactClass)}>\n                    {/** Image */}\n                    {props.image ? (\n                        <div className={S.imageWrapper}>\n                            <ImageViewer\n                                src={props.image.url}\n                                alternative={props?.alternative}\n                                aspectRatioX={props.image.width}\n                                aspectRatioY={props.image.height}\n                                className={S.image}\n                                lazy={false}\n                            />\n                        </div>\n                    ) : null}\n\n                    {/** Content */}\n                    <div className={cn(S.contentWrapper, backgroundColorClass)}>\n                        <div className={S.content}>\n                            {/** Tagline */}\n                            {props.tagline ? (\n                                <span className={S.tagline}>{props.tagline}</span>\n                            ) : null}\n\n                            {/** Title */}\n                            {props.headline ? (\n                                <DA_Title h1 tag={DA_TitleTag.H1} noMargin fullWidth>\n                                    {props.headline}\n                                </DA_Title>\n                            ) : null}\n\n                            {/** Text */}\n                            {props.text ? <DA_Text html={props.text} noPadding /> : null}\n\n                            {/* Button */}\n                            {/** Buttons */}\n                            <div className={S.buttonWrapper}>\n                                <Buttons buttons={props.buttons} />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default BannerText;\n"],"names":["props","backgroundColorClass","hasBackgroundColor","useBackgroundColor","backgroundColor","paddingClass","usePadding","isCompact","positionClassName","position","image","S","useMemo","url","heroText","heroImageLeft","heroImageCenter","heroImageRight","usePosition","compactClass","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","imageWrapper","ImageViewer","src","alternative","aspectRatioX","width","aspectRatioY","height","lazy","contentWrapper","content","tagline","headline","DA_Title","h1","tag","DA_TitleTag","H1","noMargin","fullWidth","text","DA_Text","html","noPadding","buttonWrapper","Buttons","buttons"],"sourceRoot":""}