import { jsx as l } from "react/jsx-runtime";
import { forwardRef as y } from "react";
import k from "../../utils/classNames.js";
const j = y((a, i) => {
  const {
    children: r,
    icon: e,
    active: s = !1,
    disabled: c = !1,
    clickable: t = !1,
    selectable: o = !1,
    deletable: m = !1,
    revertable: d = !1,
    multiline: g = !1,
    muted: b = !1,
    round: n = !0,
    size: f,
    className: p,
    ...h
  } = a, u = k(
    "tag",
    f === "small" && "tag-small",
    e && `rioglyph ${e}`,
    s && "active clickable rioglyph rioglyph-ok",
    c && "disabled",
    t && "clickable",
    o && "selectable clickable rioglyph rioglyph-checkbox",
    m && "deletable clickable rioglyph rioglyph-remove",
    d && "revertable clickable rioglyph rioglyph-revert",
    g && "multiline",
    b && "tag-muted",
    !n && "rounded",
    p
  );
  return /* @__PURE__ */ l("div", { ref: i, ...h, className: u, children: /* @__PURE__ */ l("div", { className: "tag-inner", children: r }) });
});
export {
  j as default
};
//# sourceMappingURL=Tag.js.map
