{"version":3,"file":"NavigationBlock.chunk.f8d216857a74ab4cf741.js","mappings":"icAUO,MAAMA,EAA2EC,IACpF,MAAM,QAAEC,EAAO,MAAEC,GAAUF,EAM3B,OACIG,EAAAA,cAAA,WACKF,GACGE,EAAAA,cAACC,EAAAA,EAAI,CACDC,MAAOJ,EACPK,UCrBsC,uBDsBtCC,WAAYC,GACRL,EAAAA,cAAA,MAAIM,IAAKD,EAAKE,IACVP,EAAAA,cAACQ,EAAAA,EAAM,CACHC,QAASA,KAAMC,OAbhBC,EAakCN,EAAKE,QAZ9DK,EAAAA,EAAAA,IAA0BD,GADHA,KAa2C,EAC1CE,KAAMC,EAAAA,EAAWC,MACjBZ,UC3BP,wBD6BOH,EAAAA,cAAA,YAAOK,EAAKW,OACZhB,EAAAA,cAACiB,EAAAA,EAAO,CAACC,SAAS,mBAMrCnB,GACGC,EAAAA,cAACC,EAAAA,EAAI,CACDC,MAAOH,EACPI,UCvCqE,uBDwCrEC,WAAYC,GACRL,EAAAA,cAAA,MAAIM,IAAKD,EAAKW,OACVhB,EAAAA,cAACmB,EAAAA,EAAQC,EAAA,GAAKf,EAAI,CAAEQ,KAAK,QAAQQ,QAAQ,UAAUC,KAAK,oCAKtE,C","sources":["webpack://Kristiania.Web/./Features/Partials/NavigationBlock/NavigationBlock.tsx","webpack://Kristiania.Web/./Features/Partials/NavigationBlock/NavigationBlock.module.css?5e04"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../Button/Button';\nimport { ButtonType } from '../Button/ButtonType.csharp';\nimport { List } from '../List/List';\nimport { Shortcut } from '../Shortcut/Shortcut';\nimport { SvgIcon } from '../SvgIcon/SvgIcon';\nimport { smoothScrollToSectionById } from '../Utils/utils';\nimport styles from './NavigationBlock.module.css';\nimport type { NavigationBlockProps } from './NavigationBlockProps.csharp';\n\nexport const NavigationBlock: React.FC<React.PropsWithChildren<NavigationBlockProps>> = props => {\n    const { anchors, links } = props;\n\n    const handleAnchorClick = (anchorId: string) => {\n        smoothScrollToSectionById(anchorId);\n    };\n\n    return (\n        <div>\n            {anchors && (\n                <List\n                    items={anchors}\n                    className={styles.Anchors}\n                    renderItem={item => (\n                        <li key={item.id}>\n                            <Button\n                                onClick={() => handleAnchorClick(item.id)}\n                                type={ButtonType.Clear}\n                                className={styles.Anchor}\n                            >\n                                <span>{item.label}</span>\n                                <SvgIcon iconName=\"arrow-down\" />\n                            </Button>\n                        </li>\n                    )}\n                />\n            )}\n            {links && (\n                <List\n                    items={links}\n                    className={styles.Links}\n                    renderItem={item => (\n                        <li key={item.label}>\n                            <Shortcut {...item} type=\"solid\" variant=\"primary\" size=\"responsiveFromMediumToSmall\" />\n                        </li>\n                    )}\n                />\n            )}\n        </div>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"Anchor\":\"Z5BTlaIyM0Swyb7hzzeg\",\"Anchors\":\"RNVfh4NSjeScjloAcFcv\",\"Links\":\"aVzPGOSkun10SwzCpjri\"};"],"names":["NavigationBlock","props","anchors","links","React","List","items","className","renderItem","item","key","id","Button","onClick","handleAnchorClick","anchorId","smoothScrollToSectionById","type","ButtonType","Clear","label","SvgIcon","iconName","Shortcut","_extends","variant","size"],"sourceRoot":""}