{"version":3,"file":"Letters.chunk.fbe0e19a3fb9e2ea7506.js","mappings":"iNAQO,MAAMA,EAA8EC,IACvF,MAAM,QAAEC,GAAYD,EACdE,EAAcD,EAAQE,MAAM,IAC5BC,EAAgBF,EAAYG,OAAS,EACrCC,EAA6C,IAAvBJ,EAAYG,OAExC,OACIE,EAAAA,cAAAA,EAAAA,SAAA,KACKH,GACGG,EAAAA,cAAA,MAAIC,UAAWC,IChBL,uBDgBgCH,GChBkC,yBDiBvEJ,EAAYQ,KAAIC,GACbJ,EAAAA,cAAA,MAAIK,IAAKC,IAAS,aAAcL,UClBA,wBDmB5BD,EAAAA,cAACO,EAAAA,EAAO,CAACC,SAAUJ,QAKpC,C","sources":["webpack://Kristiania.Web/./Features/Partials/Letters/Letters.tsx","webpack://Kristiania.Web/./Features/Partials/Letters/Letters.module.css?778d"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash/uniqueId';\nimport * as React from 'react';\nimport type { IconName } from '../SvgIcon/SvgIcon';\nimport { SvgIcon } from '../SvgIcon/SvgIcon';\nimport styles from './Letters.module.css';\nimport type { LettersViewModel } from './LettersViewModel.csharp';\n\nexport const Letters: React.FunctionComponent<React.PropsWithChildren<LettersViewModel>> = props => {\n    const { letters } = props;\n    const letterArray = letters.split('') as IconName[];\n    const isListVisible = letterArray.length > 0;\n    const isFourLetterVariant = letterArray.length === 4;\n\n    return (\n        <>\n            {isListVisible && (\n                <ul className={classNames(styles.Letters, isFourLetterVariant && styles[`Variant--4`])}>\n                    {letterArray.map(letter => (\n                        <li key={uniqueId('Letters__')} className={styles.Item}>\n                            <SvgIcon iconName={letter} />\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"Letters\":\"lBX_fxrT6DZxSpvDq1Ms\",\"Item\":\"tXQcwBzQ_Lh4MbNRLRRA\",\"Variant--4\":\"YZiQyGyMOKCNnws4VKAQ\"};"],"names":["Letters","props","letters","letterArray","split","isListVisible","length","isFourLetterVariant","React","className","classNames","map","letter","key","uniqueId","SvgIcon","iconName"],"sourceRoot":""}