{"version":3,"file":"static/js/blocks49.571fb946.chunk.js","mappings":"yPAEO,MCDP,GAAgB,QAAU,2BAA2B,MAAQ,yBAAyB,oBAAsB,uCAAuC,YAAc,+BAA+B,kBAAoB,qCAAqC,gBAAkB,mCAAmC,MAAQ,yBAAyB,OAAS,0BAA0B,QAAU,2BAA2B,KAAO,wBAAwB,aAAe,gCAAgC,UAAY,6BAA6B,WAAa,8BAA8B,UAAY,6BAA6B,WAAa,+B,cCoB/mB,MA8DA,EA9DmBA,IAEf,MAAM,cAAEC,ICrBgBC,EDqBcF,EAAME,SCrBFC,EDqBYA,ECT/C,CACHF,eAZkBG,EAAAA,EAAAA,UAAQ,KAC1B,OAAQF,GACJ,IAAK,sBACD,OAAOC,EAAEE,kBACb,IAAK,wBACD,OAAOF,EAAEG,oBACb,QACI,OAAOH,EAAEI,mBACjB,GACD,CAACL,EAAUC,MAVSK,IAACN,EAAkBC,EDsB1C,MAAM,qBAAEM,EAAoB,uBAAEC,EAAsB,mBAAEC,IAAuBC,EAAAA,EAAAA,GACzEZ,EAAMa,kBAEJ,aAAEC,IAAiBC,EAAAA,EAAAA,GAAWf,EAAMgB,UAAWL,IAC/C,eAAEM,GF1BgBC,EAACC,EAAmBhB,KAQrC,CACHc,gBARmBb,EAAAA,EAAAA,UAAQ,KAC3B,GACS,qBADDe,EAEA,OAAOhB,EAAEiB,eACjB,GACD,CAACD,EAAWhB,MEoBYe,CAAalB,EAAMmB,UAAWhB,IACnD,UAAEkB,GE3BWC,EAACC,EAAcpB,KAY3B,CACHkB,WAZcjB,EAAAA,EAAAA,UAAQ,KACtB,OAAQmB,GACJ,IAAK,mBACD,OAAOpB,EAAEqB,UACb,IAAK,oBACD,OAAOrB,EAAEsB,WACb,QACI,OAAOtB,EAAEuB,UACjB,GACD,CAACH,EAAMpB,MFiBYmB,CAAQtB,EAAM2B,UAAWxB,GAE/C,OACIyB,EAAAA,EAAAA,KAAA,OACIC,WAAWC,EAAAA,EAAAA,IACP3B,EAAE4B,QACFjB,EACAb,EACAQ,EACAQ,EACAI,GACFW,UAEFJ,EAAAA,EAAAA,KAACK,EAAAA,EAAY,CAACC,mBAAiB,EAAAF,UAC3BG,EAAAA,EAAAA,MAAA,OAAKN,UAAW1B,EAAEiC,MAAMJ,SAAA,EAEpBG,EAAAA,EAAAA,MAAA,OAAKN,UAAW1B,EAAEkC,YAAYL,SAAA,CAEzBhC,EAAMsC,SAAUV,EAAAA,EAAAA,KAAA,QAAMC,UAAW1B,EAAEmC,QAAQN,SAAEhC,EAAMsC,UAAkB,KAGrEtC,EAAMuC,UACHX,EAAAA,EAAAA,KAAA,OAAKC,UAAW1B,EAAEqC,MAAMR,UACpBJ,EAAAA,EAAAA,KAACa,EAAAA,GAAQ,CAACC,IAAE,EAACC,IAAKC,EAAAA,GAAYC,GAAIC,UAAQ,EAACC,WAAS,EAAAf,SAC/ChC,EAAMuC,aAGf,KAGHvC,EAAMgD,MACHpB,EAAAA,EAAAA,KAAA,OAAKC,UAAW1B,EAAE6C,KAAKhB,UACnBJ,EAAAA,EAAAA,KAACqB,EAAAA,EAAO,CAACC,KAAMlD,EAAMgD,KAAMG,WAAS,MAExC,KAGHnD,EAAMoD,SAAWpD,EAAMoD,QAAQC,OAAS,IACrCzB,EAAAA,EAAAA,KAAA,OAAKC,UAAW1B,EAAEmD,OAAOtB,UACrBJ,EAAAA,EAAAA,KAAC2B,EAAAA,EAAO,CAACH,QAASpD,EAAMoD,QAASI,MAAO9C,UAMpDkB,EAAAA,EAAAA,KAAA,OAAKC,UAAW1B,EAAEsD,aAAazB,UAC3BJ,EAAAA,EAAAA,KAAC8B,EAAAA,EAAiB,IAAK1D,YAIjC,C","sources":["blocks/components/TextVideo/hooks/useAlignment.hook.ts","webpack://@danishagro/cms/./src/blocks/components/TextVideo/TextVideo.module.scss?49c2","blocks/components/TextVideo/TextVideo.component.tsx","blocks/components/TextVideo/hooks/usePosition.hook.ts","blocks/components/TextVideo/hooks/useSize.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    return {\n        alignmentClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"TextVideo_wrapper__X8nx5\",\"inner\":\"TextVideo_inner__omXCF\",\"positionVideoBottom\":\"TextVideo_positionVideoBottom__3L7jU\",\"textWrapper\":\"TextVideo_textWrapper__pF+P+\",\"positionVideoLeft\":\"TextVideo_positionVideoLeft__njyBA\",\"alignmentCenter\":\"TextVideo_alignmentCenter__d3ql0\",\"title\":\"TextVideo_title__9kcpv\",\"button\":\"TextVideo_button__JcKOc\",\"tagline\":\"TextVideo_tagline__3DRe4\",\"text\":\"TextVideo_text__AoFAj\",\"videoWrapper\":\"TextVideo_videoWrapper__bmR9N\",\"sizeSmall\":\"TextVideo_sizeSmall__AGv3J\",\"sizeMedium\":\"TextVideo_sizeMedium__7zU7L\",\"sizeLarge\":\"TextVideo_sizeLarge__-gVZo\",\"videoInner\":\"TextVideo_videoInner__bylMI\"};","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n// TODO: Fix eslint errors\nimport 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 \"src/blocks/hooks/usePadding/usePadding.hook\";\nimport VideoPlayerViewer from \"src/components/VideoPlayerViewer/VideoPlayerViewer.component\";\nimport { TextVideoProps } from \"./TextVideo.interface\";\nimport { useAlignment } from \"./hooks/useAlignment.hook\";\nimport { usePosition } from \"./hooks/usePosition.hook\";\nimport { useSize } from \"./hooks/useSize.hook\";\nimport S from \"./TextVideo.module.scss\";\n\nconst TextVideo = (props: TextVideoProps) => {\n    // Settings\n    const { positionClass } = usePosition(props.position, S);\n    const { backgroundColorClass, alternativeButtonTheme, hasBackgroundColor } = useBackgroundColor(\n        props.backgroundColor\n    );\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n    const { alignmentClass } = useAlignment(props.alignment, S);\n    const { sizeClass } = useSize(props.videoSize, S);\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                paddingClass,\n                positionClass,\n                backgroundColorClass,\n                alignmentClass,\n                sizeClass\n            )}\n        >\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Content */}\n                    <div className={S.textWrapper}>\n                        {/** Tagline */}\n                        {props.tagline ? <span className={S.tagline}>{props.tagline}</span> : null}\n\n                        {/** Title */}\n                        {props.headline ? (\n                            <div className={S.title}>\n                                <DA_Title h2 tag={DA_TitleTag.H2} noMargin fullWidth>\n                                    {props.headline}\n                                </DA_Title>\n                            </div>\n                        ) : null}\n\n                        {/** Text */}\n                        {props.text ? (\n                            <div className={S.text}>\n                                <DA_Text html={props.text} noPadding />\n                            </div>\n                        ) : null}\n\n                        {/** Buttons */}\n                        {props.buttons && props.buttons.length > 0 && (\n                            <div className={S.button}>\n                                <Buttons buttons={props.buttons} theme={alternativeButtonTheme} />\n                            </div>\n                        )}\n                    </div>\n\n                    {/** Video */}\n                    <div className={S.videoWrapper}>\n                        <VideoPlayerViewer {...props} />\n                    </div>\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default TextVideo;\n","import { useMemo } from \"react\";\n\nexport const usePosition = (position: string, S: { [key: string]: string }) => {\n    const positionClass = useMemo(() => {\n        switch (position) {\n            case \"POSITION_VIDEO_LEFT\":\n                return S.positionVideoLeft;\n            case \"POSITION_VIDEO_BOTTOM\":\n                return S.positionVideoBottom;\n            default:\n                return S.positionVideoRight;\n        }\n    }, [position, S]);\n\n    return {\n        positionClass,\n    };\n};\n","import { useMemo } from \"react\";\n\nexport const useSize = (size: string, S: { [key: string]: string }) => {\n    const sizeClass = useMemo(() => {\n        switch (size) {\n            case \"VIDEO_SIZE_SMALL\":\n                return S.sizeSmall;\n            case \"VIDEO_SIZE_MEDIUM\":\n                return S.sizeMedium;\n            default:\n                return S.sizeLarge;\n        }\n    }, [size, S]);\n\n    return {\n        sizeClass,\n    };\n};\n"],"names":["props","positionClass","position","S","useMemo","positionVideoLeft","positionVideoBottom","positionVideoRight","usePosition","backgroundColorClass","alternativeButtonTheme","hasBackgroundColor","useBackgroundColor","backgroundColor","paddingClass","usePadding","isCompact","alignmentClass","useAlignment","alignment","alignmentCenter","sizeClass","useSize","size","sizeSmall","sizeMedium","sizeLarge","videoSize","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","textWrapper","tagline","headline","title","DA_Title","h2","tag","DA_TitleTag","H2","noMargin","fullWidth","text","DA_Text","html","noPadding","buttons","length","button","Buttons","theme","videoWrapper","VideoPlayerViewer"],"sourceRoot":""}