{"version":3,"file":"static/js/blocks33.bbbf42e8.chunk.js","mappings":"yPAEO,MCDP,GAAgB,QAAU,sBAAsB,MAAQ,oBAAoB,gBAAkB,8BAA8B,QAAU,uB,cCetI,MA4CA,EA5CcA,IACV,MAAM,iBAAEC,IAAqBC,EAAAA,EAAAA,GAAeC,IAEtC,qBAAEC,EAAoB,uBAAEC,EAAsB,mBAAEC,IAAuBC,EAAAA,EAAAA,GACzEP,EAAMQ,kBAEJ,aAAEC,IAAiBC,EAAAA,EAAAA,GAAWV,EAAMW,UAAWL,IAC/C,eAAEM,EAAc,kBAAEC,IFrBCC,EEqBkCd,EAAMc,UFrBrBX,EEqBgCA,EFTrE,CACHS,gBAZmBG,EAAAA,EAAAA,UAAQ,KAC3B,GACS,qBADDD,EAEA,OAAOX,EAAEa,eACjB,GACD,CAACF,EAAWX,IAQXU,mBANsBE,EAAAA,EAAAA,UAAQ,IACT,qBAAdD,GACR,CAACA,MAVoBG,IAACH,EAAmBX,EEuB5C,OACIe,EAAAA,EAAAA,KAAA,OACIC,WAAWC,EAAAA,EAAAA,IACPjB,EAAEkB,QACFZ,EACAL,EACAQ,EACAX,GACFqB,UAEFJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BG,EAAAA,EAAAA,MAAA,OAAKN,UAAWhB,EAAEuB,MAAMJ,SAAA,CAEnBtB,EAAM2B,SAAUT,EAAAA,EAAAA,KAAA,QAAMC,UAAWhB,EAAEwB,QAAQL,SAAEtB,EAAM2B,UAAkB,KAGrE3B,EAAM4B,UACHV,EAAAA,EAAAA,KAACW,EAAAA,GAAQ,CAACC,IAAE,EAACC,IAAKC,EAAAA,GAAYC,GAAIC,UAAQ,EAACC,WAAS,EAAAb,SAC/CtB,EAAM4B,WAEX,KAGH5B,EAAMoC,MACHlB,EAAAA,EAAAA,KAACmB,EAAAA,EAAO,CAACC,KAAMtC,EAAMoC,KAAMG,WAAS,EAACC,YAAa3B,IAClD,MAGJK,EAAAA,EAAAA,KAACuB,EAAAA,EAAO,CAACC,QAAS1C,EAAM0C,QAASC,MAAOtC,UAG9C,C,+CCtDP,MAAMH,EAAkB0C,IAC3B,MAAM,YAAEC,IAAgBC,EAAAA,EAAAA,KAElB7C,EACF4C,EAAYE,OAASH,EAASA,EAAQ,MAAKC,EAAYE,cAAWC,EAEtE,MAAO,CACHC,YAAaJ,EAAYE,MACzB9C,mBACH,C","sources":["blocks/components/Text/hooks/useAlignment.hook.ts","webpack://@danishagro/cms/./src/blocks/components/Text/Text.module.scss?1487","blocks/components/Text/Text.component.tsx","hooks/useWebsiteType.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const useAlignment = (alignment: string, S: { [key: string]: string }) => {\n    const alignmentClass = useMemo(() => {\n        switch (alignment) {\n            case \"ALIGNMENT_CENTER\":\n                return S.alignmentCenter;\n        }\n    }, [alignment, S]);\n\n    const isAlignmentCenter = useMemo(() => {\n        return alignment === \"ALIGNMENT_CENTER\";\n    }, [alignment]);\n\n    return {\n        alignmentClass,\n        isAlignmentCenter,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Text_wrapper__Rak+g\",\"inner\":\"Text_inner__91rC3\",\"alignmentCenter\":\"Text_alignmentCenter__bAouE\",\"tagline\":\"Text_tagline__a4qPC\"};","import React from \"react\";\nimport { Buttons } from \"@danishagro/cms/src/components/Buttons/Buttons.component\";\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 {\n    DA_Title,\n    DA_TitleTag,\n} from \"@danishagro/shared/src/components/atoms/Title/Title.component\";\nimport { useBackgroundColor } from \"@danishagro/cms/src/blocks/hooks/useBackgroundColor/useBackgroundColor.hook\";\nimport { usePadding } from \"@danishagro/cms/src/blocks/hooks/usePadding/usePadding.hook\";\nimport { useWebsiteType } from \"@danishagro/cms/src/hooks/useWebsiteType.hook\";\nimport { TextProps } from \"./Text.interface\";\nimport { useAlignment } from \"./hooks/useAlignment.hook\";\nimport S from \"./Text.module.scss\";\n\nconst Text = (props: TextProps) => {\n    const { websiteTypeClass } = useWebsiteType(S);\n\n    const { backgroundColorClass, alternativeButtonTheme, hasBackgroundColor } = useBackgroundColor(\n        props.backgroundColor\n    );\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const { alignmentClass, isAlignmentCenter } = useAlignment(props.alignment, S);\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                paddingClass,\n                backgroundColorClass,\n                alignmentClass,\n                websiteTypeClass\n            )}\n        >\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Tagline */}\n                    {props.tagline ? <span className={S.tagline}>{props.tagline}</span> : null}\n\n                    {/** Title */}\n                    {props.headline ? (\n                        <DA_Title h2 tag={DA_TitleTag.H2} noMargin fullWidth>\n                            {props.headline}\n                        </DA_Title>\n                    ) : null}\n\n                    {/** Text */}\n                    {props.text ? (\n                        <DA_Text html={props.text} noPadding alignCenter={isAlignmentCenter} />\n                    ) : null}\n\n                    {/** Buttons */}\n                    <Buttons buttons={props.buttons} theme={alternativeButtonTheme} />\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default Text;\n","import { useAppData } from \"@danishagro/shared/src/contexts/appData.context\";\n\nexport const useWebsiteType = (styles?: { [key: string]: string }) => {\n    const { siteVariant } = useAppData();\n\n    const websiteTypeClass =\n        siteVariant.alias && styles ? styles[`is_${siteVariant.alias}`] : undefined;\n\n    return {\n        websiteType: siteVariant.alias,\n        websiteTypeClass,\n    };\n};\n"],"names":["props","websiteTypeClass","useWebsiteType","S","backgroundColorClass","alternativeButtonTheme","hasBackgroundColor","useBackgroundColor","backgroundColor","paddingClass","usePadding","isCompact","alignmentClass","isAlignmentCenter","alignment","useMemo","alignmentCenter","useAlignment","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","tagline","headline","DA_Title","h2","tag","DA_TitleTag","H2","noMargin","fullWidth","text","DA_Text","html","noPadding","alignCenter","Buttons","buttons","theme","styles","siteVariant","useAppData","alias","undefined","websiteType"],"sourceRoot":""}