{"version":3,"file":"196.chunk.79cc9c76fd11ea33e188.js","mappings":"2LACA,GAAgB,MAAQ,uBAAuB,MAAQ,uBAAuB,KAAO,uBAAuB,eAAiB,uBAAuB,cAAgB,uBAAuB,mBAAmB,uBAAuB,QAAU,uBAAuB,gBAAgB,uBAAuB,iBAAiB,uBAAuB,gBAAgB,uBAAuB,gBAAgB,uBAAuB,0BAA0B,wB,wNCStb,MAeMA,EAA8CC,IACvD,MAAM,MACFC,EAAK,uBACLC,EAAsB,oBACtBC,EAAmB,MACnBC,EAAK,qBACLC,EAAoB,QACpBC,EAAU,QAAO,OACjBC,EAAS,UAAS,QAClBC,EAAU,UAAS,YACnBC,EAAc,CAAEC,MAAO,OAAQC,eAAgB,SAC/CX,EAEJ,OACIY,EAAAA,cAAA,OACIC,UAAWC,IACPC,EAAO,YAADC,OAAaV,IACnBS,EAAO,YAADC,OAAaT,IACP,SAAZC,GAAsBO,EAAO,YAADC,OAAaR,EAAO,cAGpDI,EAAAA,cAAA,OAAKC,UAAWE,EAAOE,OACnBL,EAAAA,cAAA,OAAKC,UAAWE,EAAOG,SAClBd,GAASQ,EAAAA,cAAA,MAAIC,UAAWE,EAAOI,OAAQf,GACxCQ,EAAAA,cAACQ,EAAAA,EAAI,CACDP,UAAWE,EAAOK,KAClBnB,MAAOA,EACPoB,WAAYA,CAACC,EAAMC,IACfX,EAAAA,cAAA,MAAIY,IAAKD,GACLX,EAAAA,cAACa,EAAAA,EAAaC,EAAA,CACVC,cACIf,EAAAA,cAAA,MAAIC,UAAWE,EAAOa,gBAAiB1B,EAAuBoB,IAElEO,gBAAiBxB,GAAkC,IAAVkB,GACrCd,GAEJG,EAAAA,cAAA,OAAKC,UAAWE,EAAOe,eAAgB3B,EAAoBmB,UAOjF,C,uEClEP,MAAMS,EAAeA,KACxB,MAAOC,EAAWC,IAAgBC,EAAAA,EAAAA,WAAS,GAM3C,OAJAC,EAAAA,EAAAA,YAAU,KACNF,GAAa,EAAK,GACnB,IAEID,CAAS,C","sources":["webpack://Kristiania.Web/./Features/Partials/AccordionSection/AccordionSection.module.css?af48","webpack://Kristiania.Web/./Features/Partials/AccordionSection/AccordionSection.tsx","webpack://Kristiania.Web/./Features/Utils/Hooks/useIsMounted.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"Inner\":\"YKYBQ3jDmxdtO9SEemuL\",\"Title\":\"dUMX71OXjk74Og6c82KZ\",\"List\":\"csX3C9e9jiZog4fiK1f5\",\"AccordionTitle\":\"Y1lcLNcJwl0MgDDEuPIe\",\"AccordionBody\":\"BcPDQdbKyOolxjjq14w1\",\"Variant--default\":\"PrzSse14QCaR2BlHf5Am\",\"Content\":\"uJgrlGAPM7ozrDvgjXt0\",\"Variant--grid\":\"XL4KGq1qGQz8WwtKJ_pg\",\"Variant--light\":\"HjBssCUxWZC9t_uFFeCq\",\"Variant--gray\":\"XmC_S2INgPyqbncnXLoy\",\"Variant--dark\":\"vtDGttRf2DIbUEvEMUjV\",\"Variant--defaultSpacing\":\"hiD00x5iccMRtMmUK797\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport type { ReactNode } from 'react';\nimport type { AccordionItemProps } from '../AccordionComponent/AccordionItem';\nimport { AccordionItem } from '../AccordionComponent/AccordionItem';\nimport { List } from '../List/List';\nimport type { IdType } from '../Utils/typeUtils';\nimport styles from './AccordionSection.module.css';\nimport type { AccordionSectionLayout } from './AccordionSectionLayout';\n\nexport const AccordionSectionVariants = ['light', 'dark', 'gray'] as const;\nexport type AccordionSectionVariant = (typeof AccordionSectionVariants)[number];\n\ninterface AccordionSectionProps<T> {\n    items: ReadonlyArray<T>;\n    renderAccordionHeading: (item: T) => ReactNode;\n    renderAccordionBody: (item: T) => ReactNode;\n    title?: string;\n    variant?: AccordionSectionVariant;\n    layout?: AccordionSectionLayout;\n    initialFirstExpanded?: boolean;\n    itemOptions?: Pick<AccordionItemProps, 'color' | 'variant' | 'contentSpacing'>;\n    spacing?: 'default' | 'none';\n}\n\nexport const AccordionSection = <T extends { id: IdType }>(props: AccordionSectionProps<T>) => {\n    const {\n        items,\n        renderAccordionHeading,\n        renderAccordionBody,\n        title,\n        initialFirstExpanded,\n        variant = 'light',\n        layout = 'default',\n        spacing = 'default',\n        itemOptions = { color: 'dark', contentSpacing: 'none' },\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                styles[`Variant--${variant}`],\n                styles[`Variant--${layout}`],\n                spacing !== 'none' && styles[`Variant--${spacing}Spacing`]\n            )}\n        >\n            <div className={styles.Inner}>\n                <div className={styles.Content}>\n                    {title && <h2 className={styles.Title}>{title}</h2>}\n                    <List\n                        className={styles.List}\n                        items={items}\n                        renderItem={(item, index) => (\n                            <li key={index}>\n                                <AccordionItem\n                                    headerContent={\n                                        <h3 className={styles.AccordionTitle}>{renderAccordionHeading(item)}</h3>\n                                    }\n                                    initialExpanded={initialFirstExpanded && index === 0}\n                                    {...itemOptions}\n                                >\n                                    <div className={styles.AccordionBody}>{renderAccordionBody(item)}</div>\n                                </AccordionItem>\n                            </li>\n                        )}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n","import { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n    const [isMounted, setIsMounted] = useState(false);\n\n    useEffect(() => {\n        setIsMounted(true);\n    }, []);\n\n    return isMounted;\n};\n"],"names":["AccordionSection","props","items","renderAccordionHeading","renderAccordionBody","title","initialFirstExpanded","variant","layout","spacing","itemOptions","color","contentSpacing","React","className","classNames","styles","concat","Inner","Content","Title","List","renderItem","item","index","key","AccordionItem","_extends","headerContent","AccordionTitle","initialExpanded","AccordionBody","useIsMounted","isMounted","setIsMounted","useState","useEffect"],"sourceRoot":""}