{"version":3,"file":"PracticalInformationSectionBlock.chunk.a7c06702bb450a1a8665.js","mappings":"weA4BO,MAAMA,EAA0EC,IACnF,MAAM,GAAEC,EAAE,QAAEC,EAAO,MAAEC,EAAK,qBAAEC,GAAyBJ,EA0BrD,OACIK,EAAAA,cAAA,WAASJ,GAAIA,EAAIK,UCvDqB,wBDwDjCJ,GAAWG,EAAAA,cAACE,EAAAA,EAAkB,CAACD,UCxDiC,uBDwDRJ,QAASA,IAClEG,EAAAA,cAACG,EAAAA,EAAgB,CACbL,MAAOA,EACPM,OAAO,OACPC,QAAQ,OACRC,YAAa,CAAEC,MAAO,SACtBC,uBAAwBC,GAAiBA,EAAcZ,QACvDa,oBAjCiBD,IACzB,MAAM,aAAEE,GAAiBF,EAEnBG,EAAeD,EACf,CACIE,KAAMC,EAAAA,EAASC,OACfC,WAAYC,EAAAA,EAAWC,MACvBC,WAAYC,EAAAA,EAAWC,UACvBC,WAAYC,EAAAA,EAAWC,OAE3B,CAAC,EAEP,OACIxB,EAAAA,cAAAA,EAAAA,SAAA,KACKS,EAAcgB,MAAQzB,EAAAA,cAAC0B,EAAAA,EAAO,CAACzB,UAAU,kBAAkB0B,KAAMlB,EAAcgB,OAC/EhB,EAAcmB,MACX5B,EAAAA,cAAA,OAAKC,UC9CyF,wBD+C1FD,EAAAA,cAAC6B,EAAAA,KAAIC,EAAA,GAAKrB,EAAcmB,KAAUhB,KAG3C,EAcCb,qBAAsBA,EACtBgC,QAAQ,SAEN,E,6OE/DX,MAAMC,EAAwFrC,IACjG,MAAM,eAAEsC,GAAiCtC,EAAduC,E,6WAASC,CAAKxC,EAAKyC,GAkB9C,OAAOpC,EAAAA,cAACN,EAA2BoC,EAAA,CAAChC,MARhCmC,EAAeI,KAAI5B,IAAiB,OAChCb,GAAIa,EAAcb,GAClBC,QAASY,EAAc6B,YACvBb,KAAMhB,EAAc8B,UACpBX,KAAMnB,EAAc+B,cAZXC,EAYkChC,EAAc+B,aAZpB,CACzCE,MAAOD,EAAcC,MACrBC,KAAMF,EAAcE,KACpBC,SAAUH,EAAcG,SACxBC,eAAgBJ,EAAcI,sBAQ+CC,EACzEnC,aAAcF,EAAcE,cAbnB8B,KAcX,KAEgEP,GAAa,C","sources":["webpack://Kristiania.Web/./Features/Blocks/PracticalInformationSectionBlock/View/PracticalInformationSection.tsx","webpack://Kristiania.Web/./Features/Blocks/PracticalInformationSectionBlock/View/PracticalInformationSection.module.css?d976","webpack://Kristiania.Web/./Features/Blocks/PracticalInformationSectionBlock/View/PracticalInformationSectionBlock.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PageSectionHeading } from '~/Features/Layouts/Components/PageSectionHeading/PageSectionHeading';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { AccordionSection } from '~/Partials/AccordionSection/AccordionSection';\nimport { ButtonSize } from '~/Partials/Button/ButtonSize.csharp';\nimport { ButtonTier } from '~/Partials/Button/ButtonTier.csharp';\nimport { ButtonType } from '~/Partials/Button/ButtonType.csharp';\nimport { HtmlDiv } from '~/Partials/Controls/HtmlDiv';\nimport type { LinkProps } from '~/Partials/Link/Link';\nimport { Link } from '~/Partials/Link/Link';\nimport { LinkType } from '~/Partials/Link/LinkType.csharp';\nimport styles from './PracticalInformationSection.module.css';\n\nexport interface AccordionItemProps {\n    id: string;\n    heading: string;\n    body?: HtmlString;\n    link?: LinkProps;\n    linkAsButton?: boolean;\n}\n\ninterface PracticalInformationSectionProps {\n    id: string;\n    items: AccordionItemProps[];\n    heading?: HtmlString;\n    initialFirstExpanded?: boolean;\n}\n\nexport const PracticalInformationSection: React.FC<PracticalInformationSectionProps> = props => {\n    const { id, heading, items, initialFirstExpanded } = props;\n\n    const renderAccordionBody = (accordionItem: AccordionItemProps) => {\n        const { linkAsButton } = accordionItem;\n\n        const buttonStyles = linkAsButton\n            ? {\n                  type: LinkType.Button,\n                  buttonType: ButtonType.Solid,\n                  buttonTier: ButtonTier.Secondary,\n                  buttonSize: ButtonSize.Large,\n              }\n            : {};\n\n        return (\n            <>\n                {accordionItem.body && <HtmlDiv className=\"RichtextContent\" html={accordionItem.body} />}\n                {accordionItem.link && (\n                    <div className={styles.ContentLink}>\n                        <Link {...accordionItem.link} {...buttonStyles} />\n                    </div>\n                )}\n            </>\n        );\n    };\n\n    return (\n        <section id={id} className={styles.PracticalInformationSection}>\n            {heading && <PageSectionHeading className={styles.Title} heading={heading} />}\n            <AccordionSection\n                items={items}\n                layout=\"grid\"\n                variant=\"gray\"\n                itemOptions={{ color: 'white' }}\n                renderAccordionHeading={accordionItem => accordionItem.heading}\n                renderAccordionBody={renderAccordionBody}\n                initialFirstExpanded={initialFirstExpanded}\n                spacing=\"none\"\n            />\n        </section>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"PracticalInformationSection\":\"B_EDxoOxVgAU8kPXBQWa\",\"Title\":\"Lz7bstkpq5d6FanMqkLu\",\"ContentLink\":\"UuEJiQnPXE3nLUxfPzcq\"};","import * as React from 'react';\nimport type { PracticalInformationSectionBlockViewModel } from '../ViewModel/PracticalInformationSectionBlockViewModel.csharp';\nimport type { LinkViewModel } from '~/Partials/Link/LinkViewModel.csharp';\nimport { PracticalInformationSection } from './PracticalInformationSection';\n\nexport const PracticalInformationSectionBlock: React.FC<PracticalInformationSectionBlockViewModel> = props => {\n    const { accordionItems, ...restProps } = props;\n\n    const mapLink = (linkViewModel: LinkViewModel) => ({\n        label: linkViewModel.label,\n        href: linkViewModel.href,\n        external: linkViewModel.external,\n        showIsExternal: linkViewModel.showIsExternal,\n    });\n\n    const mapToComponentProps = () =>\n        accordionItems.map(accordionItem => ({\n            id: accordionItem.id,\n            heading: accordionItem.displayName,\n            body: accordionItem.introText,\n            link: accordionItem.callToAction ? mapLink(accordionItem.callToAction) : undefined,\n            linkAsButton: accordionItem.linkAsButton,\n        }));\n\n    return <PracticalInformationSection items={mapToComponentProps()} {...restProps} />;\n};\n"],"names":["PracticalInformationSection","props","id","heading","items","initialFirstExpanded","React","className","PageSectionHeading","AccordionSection","layout","variant","itemOptions","color","renderAccordionHeading","accordionItem","renderAccordionBody","linkAsButton","buttonStyles","type","LinkType","Button","buttonType","ButtonType","Solid","buttonTier","ButtonTier","Secondary","buttonSize","ButtonSize","Large","body","HtmlDiv","html","link","Link","_extends","spacing","PracticalInformationSectionBlock","accordionItems","restProps","_objectWithoutProperties","_excluded","map","displayName","introText","callToAction","linkViewModel","label","href","external","showIsExternal","undefined"],"sourceRoot":""}