"use client";
import { jsx as e, jsxs as i } from "react/jsx-runtime";
import { cn as p } from "../../utils/cn/cn.es.js";
import a from "../../components/Tag/tag.module.css";
import { Icon as n } from "../Icon/Icon.es.js";
const g = {
  md: a.labelMd,
  lg: a.labelLg
}, v = ({ value: r, children: l, active: o, disabled: d, size: t = "md", prefixIcon: s, suffixIcon: c, onClick: m }) => /* @__PURE__ */ e(
  "button",
  {
    className: p(a.tag, g[t], { [a.active]: o }, a[t]),
    disabled: d,
    onClick: () => r && (m == null ? void 0 : m(r)),
    children: /* @__PURE__ */ i("div", { className: a.content, children: [
      s && /* @__PURE__ */ e("div", { className: a.iconWrap, children: /* @__PURE__ */ e(n, { name: s }) }),
      /* @__PURE__ */ e("p", { children: l }),
      c && /* @__PURE__ */ e("div", { className: a.iconWrap, children: /* @__PURE__ */ e(n, { name: c }) })
    ] })
  }
);
export {
  v as Tag
};
