import { jsxs as e, jsx as o } from "react/jsx-runtime";
import { t as m } from "../../classix-DG18itHa.js";
import { Button as s } from "../button/index.js";
import { Icon as c } from "../icon/index.js";
import '../../assets/index30.css';const d = "_badge_j10be_1", f = "_primary_j10be_8", p = "_info_j10be_13", a = {
  badge: d,
  primary: f,
  info: p
}, l = {
  default: a.default,
  info: a.info,
  primary: a.primary
}, j = ({
  children: n,
  deleteAccessibleLabel: i = "Remove",
  onDelete: r,
  variant: t = "default"
}) => /* @__PURE__ */ e("span", { className: m(a.badge, l[t]), "data-component": "badge", children: [
  n,
  r && /* @__PURE__ */ o(s, { "aria-label": i, onClick: r, variant: "minimal", children: /* @__PURE__ */ o(c, { name: "x" }) })
] });
export {
  j as Badge
};
//# sourceMappingURL=index.js.map
