{"version":3,"file":"index117.mjs","sources":["../src/components/badge/BadgeDefault/index.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\nimport notificationStyles from \"./styles/BadgeNotification.module.css\";\n\nconst badgeStyles = {\n  notification: notificationStyles,\n} as const;\n\nexport type BadgeType = {\n  className?: string;\n  label?: string;\n  showLabel?: boolean;\n\n  /** Variant props */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /** Custom props */\n  style?: \"notification\";\n};\n\nconst Badge: FunctionComponent<BadgeType> = ({\n  className = \"\",\n  size = \"sm\",\n  label = \"1\",\n  showLabel = true,\n  style = \"notification\",\n}) => {\n  const styles = badgeStyles[style];\n  \n  const displayLabel = () => {\n    const numLabel = Number(label);\n    if (!isNaN(numLabel) && numLabel > 99) {\n      return \"99+\";\n    }\n    return label;\n  };\n\n  return (\n    <div\n      className={[styles.root, className, \"quill-ui-next-component\"].join(\" \")}\n      data-size={size}\n      data-empty-badge={!showLabel}\n    >\n      {showLabel && <b className={styles.label}>{displayLabel()}</b>}\n    </div>\n  );\n};\n\nexport default Badge;\n"],"names":[],"mappings":";;AAGA,MAAM,cAAc;AAAA,EAClB,cAAc;AAChB;AAcA,MAAM,QAAsC,CAAC;AAAA,EAC3C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ;AACV,MAAM;AACE,QAAA,SAAS,YAAY,KAAK;AAEhC,QAAM,eAAe,MAAM;AACnB,UAAA,WAAW,OAAO,KAAK;AAC7B,QAAI,CAAC,MAAM,QAAQ,KAAK,WAAW,IAAI;AAC9B,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EACT;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,OAAO,MAAM,WAAW,yBAAyB,EAAE,KAAK,GAAG;AAAA,MACvE,aAAW;AAAA,MACX,oBAAkB,CAAC;AAAA,MAElB,uBAAc,oBAAA,KAAA,EAAE,WAAW,OAAO,OAAQ,yBAAe,CAAA;AAAA,IAAA;AAAA,EAC5D;AAEJ;"}