{"version":3,"file":"index3.mjs","sources":["../src/components/tag/index.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\nimport styles from \"./Tag.module.css\";\nimport {\n  LabelPairedCircleCheckSmBoldIcon,\n  LabelPairedCircleCheckSmRegularIcon,\n  LabelPairedCircleExclamationSmBoldIcon,\n  LabelPairedCircleExclamationSmRegularIcon,\n  LabelPairedCircleInfoSmBoldIcon,\n  LabelPairedCircleInfoSmRegularIcon,\n  LabelPairedTriangleExclamationSmBoldIcon,\n  LabelPairedTriangleExclamationSmRegularIcon,\n} from \"@deriv/quill-icons/LabelPaired\";\n\nexport type TagType = {\n  className?: string;\n  label: string;\n  fontWeight?: \"regular\" | \"bold\";\n  size?: \"sm\" | \"xs\" | \"md\" | \"lg\";\n  state?: \"custom\" | \"danger\" | \"warning\" | \"success\" | \"information\";\n  style?: \"fill\" | \"outline\";\n  icon?: ReactNode;\n};\n\nconst stateIcons = {\n  danger: {\n    bold: <LabelPairedTriangleExclamationSmBoldIcon />,\n    regular: <LabelPairedTriangleExclamationSmRegularIcon />,\n  },\n  warning: {\n    bold: <LabelPairedCircleExclamationSmBoldIcon />,\n    regular: <LabelPairedCircleExclamationSmRegularIcon />,\n  },\n  success: {\n    bold: <LabelPairedCircleCheckSmBoldIcon />,\n    regular: <LabelPairedCircleCheckSmRegularIcon />,\n  },\n  information: {\n    bold: <LabelPairedCircleInfoSmBoldIcon />,\n    regular: <LabelPairedCircleInfoSmRegularIcon />,\n  },\n};\n\nexport const Tag: FunctionComponent<TagType> = ({\n  className = \"\",\n  fontWeight = \"regular\",\n  size = \"sm\",\n  state = \"custom\",\n  style = \"fill\",\n  label,\n  icon,\n}) => {\n  const stateIcon = state !== \"custom\" ? stateIcons[state]?.[fontWeight] : icon;\n  const tagId = `quill-tag-${state}`;\n\n  return (\n    <div\n      className={[styles.root, className, \"quill-ui-next-component\"].join(\" \")}\n      data-id={tagId}\n      data-fontWeight={fontWeight}\n      data-size={size}\n      data-state={state}\n      data-style={style}\n    >\n      {stateIcon}\n      <span className={styles.label}>{label === \"\" ? \"Label\" : label}</span>\n    </div>\n  );\n};\n\nTag.displayName = \"Tag\";\nexport default Tag;\n"],"names":["LabelPairedTriangleExclamationSmBoldIcon","LabelPairedTriangleExclamationSmRegularIcon","LabelPairedCircleExclamationSmBoldIcon","LabelPairedCircleExclamationSmRegularIcon","LabelPairedCircleCheckSmBoldIcon","LabelPairedCircleCheckSmRegularIcon","LabelPairedCircleInfoSmBoldIcon","LabelPairedCircleInfoSmRegularIcon"],"mappings":";;;;;;;;;;AAuBA,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,IACN,0BAAOA,cAAyC,EAAA;AAAA,IAChD,6BAAUC,cAA4C,CAAA,CAAA;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,IACP,0BAAOC,cAAuC,EAAA;AAAA,IAC9C,6BAAUC,cAA0C,CAAA,CAAA;AAAA,EACtD;AAAA,EACA,SAAS;AAAA,IACP,0BAAOC,cAAiC,EAAA;AAAA,IACxC,6BAAUC,cAAoC,CAAA,CAAA;AAAA,EAChD;AAAA,EACA,aAAa;AAAA,IACX,0BAAOC,cAAgC,EAAA;AAAA,IACvC,6BAAUC,YAAmC,CAAA,CAAA;AAAA,EAAA;AAEjD;AAEO,MAAM,MAAkC,CAAC;AAAA,EAC9C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAM;;AACJ,QAAM,YAAY,UAAU,YAAW,gBAAW,KAAK,MAAhB,mBAAoB,cAAc;AACnE,QAAA,QAAQ,aAAa,KAAK;AAG9B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,OAAO,MAAM,WAAW,yBAAyB,EAAE,KAAK,GAAG;AAAA,MACvE,WAAS;AAAA,MACT,mBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,cAAY;AAAA,MAEX,UAAA;AAAA,QAAA;AAAA,QACD,oBAAC,UAAK,WAAW,OAAO,OAAQ,UAAU,UAAA,KAAK,UAAU,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjE;AAEJ;AAEA,IAAI,cAAc;"}