{"version":3,"file":"IconWrapper.cjs","sources":["../../../../src/components/Collapsible/IconWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Icon } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport type { ImageName } from '@/components/Icon';\n\nimport { cn } from '@/lib/cva';\nimport styles from './Collapsible.module.css';\n\nexport const IconWrapper = ({\n  icon,\n  iconDir = 'start',\n  children,\n}: {\n  // TODO: The consumer app seem to expect to use other assets\n  // this needs to be investigated why it had type IconName\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n  children: ReactNode;\n}) => {\n  return (\n    <span className={cn(styles.collapsible__label)}>\n      {icon && iconDir === 'start' && (\n        <Icon\n          name={icon}\n          size=\"sm\"\n        />\n      )}\n      <span className={cn(styles.collapsible__ellipsis)}>{children}</span>\n      {icon && iconDir === 'end' && (\n        <Icon\n          name={icon}\n          size=\"sm\"\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["cn","styles","jsx","Icon"],"mappings":";;;;;;;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV;AACF,CAAA,KAMM;AACJ,EAAA,uCACG,MAAA,EAAA,EAAK,SAAA,EAAWA,MAAA,CAAGC,0BAAA,CAAO,kBAAkB,CAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,YAAY,OAAA,oBACnBC,cAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,mCAED,MAAA,EAAA,EAAK,SAAA,EAAWH,OAAGC,0BAAA,CAAO,qBAAqB,GAAI,QAAA,EAAS,CAAA;AAAA,IAC5D,IAAA,IAAQ,YAAY,KAAA,oBACnBC,cAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ;;"}