{"version":3,"file":"466.chunk.1f3402dfc43b01bfa05c.js","mappings":"qKACA,EAA+G,uBCU/G,MAAMA,EAAyEC,IAC3E,MAAM,QAAEC,EAAO,SAAEC,GAAaF,EAE9B,OACIG,EAAAA,cAAA,QAAMC,UDdgI,uBCcvGC,MAAO,CAAEC,QAASL,EAAU,QAAU,SAChEC,EACE,EAIFK,EAA+EJ,EAAAA,MAAWH,IACnG,MAAM,MAAEQ,GAAQ,EAAI,MAAEC,EAAK,OAAEC,GAAS,EAAI,SAAER,GAAaF,EAEnDW,EAAUH,EAAQT,EAAeI,EAAAA,SACjCS,EAAeJ,EAAQ,CAAEP,QAASS,GAAW,CAAC,EAEpD,OACIP,EAAAA,cAACQ,EAAYC,EACTT,EAAAA,cAAA,QACIE,MAAOK,OAASG,EAAY,CAAEP,QAAS,QACvCF,UAAWU,ID9BH,uBC8B4BL,GAASM,KAEhDb,GACGC,EAAAA,cAAA,QAAMC,UAAWU,IDjC+I,uBCiCnHL,GAASM,IAA0Bb,GAE9E,G","sources":["webpack://Kristiania.Web/./Features/Partials/ActivityIndicator/ActivityIndicator.module.css?6d48","webpack://Kristiania.Web/./Features/Partials/ActivityIndicator/ActivityIndicator.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"Inner\":\"EwPhzUN1NfTBa1XOsTE6\",\"ActivityIndicatorRotate\":\"ZNgVI5R_Ahgk3DnOyUhN\",\"Inner--cover\":\"TVMntCe8qkWIdDcQxQb6\",\"Outer\":\"FxrXNHIEItswETCvk14E\",\"Children\":\"rK8S3lKkJdvsHyzk1dZ1\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport styles from './ActivityIndicator.module.css';\n\nexport interface ActivityIndicatorProps {\n    cover?: boolean;\n    active?: boolean;\n    modal?: boolean;\n    children?: string | React.ReactNode;\n}\n\nconst ModalWrapper: React.FC<React.PropsWithChildren<{ visible?: boolean }>> = props => {\n    const { visible, children } = props;\n\n    return (\n        <span className={styles.Outer} style={{ display: visible ? 'block' : 'none' }}>\n            {children}\n        </span>\n    );\n};\n\nexport const ActivityIndicator: React.FC<React.PropsWithChildren<ActivityIndicatorProps>> = React.memo(props => {\n    const { modal = true, cover, active = true, children } = props;\n\n    const Wrapper = modal ? ModalWrapper : React.Fragment;\n    const wrapperProps = modal ? { visible: active } : {}; // react.Fragment cannot have any props\n\n    return (\n        <Wrapper {...wrapperProps}>\n            <span\n                style={active ? undefined : { display: 'none' }}\n                className={classNames(styles.Inner, cover && styles['Inner--cover'])}\n            />\n            {children && (\n                <span className={classNames(styles.Children, cover && styles['Inner--cover'])}>{children}</span>\n            )}\n        </Wrapper>\n    );\n});\n"],"names":["ModalWrapper","props","visible","children","React","className","style","display","ActivityIndicator","modal","cover","active","Wrapper","wrapperProps","undefined","classNames","styles"],"sourceRoot":""}