{"version":3,"file":"index3.cjs","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":["jsxs","styles","jsx"],"mappings":";;;;;;;;;;;;AAuBA,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,IACN,qCAAO,0CAAyC,EAAA;AAAA,IAChD,wCAAU,6CAA4C,CAAA,CAAA;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,IACP,qCAAO,wCAAuC,EAAA;AAAA,IAC9C,wCAAU,2CAA0C,CAAA,CAAA;AAAA,EACtD;AAAA,EACA,SAAS;AAAA,IACP,qCAAO,kCAAiC,EAAA;AAAA,IACxC,wCAAU,qCAAoC,CAAA,CAAA;AAAA,EAChD;AAAA,EACA,aAAa;AAAA,IACX,qCAAO,iCAAgC,EAAA;AAAA,IACvC,wCAAU,oCAAmC,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,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,WAAAA,QAAO,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,QACDC,2BAAAA,IAAC,UAAK,WAAWD,mBAAO,OAAQ,UAAU,UAAA,KAAK,UAAU,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjE;AAEJ;AAEA,IAAI,cAAc;;;"}