import { jsx as t } from "react/jsx-runtime";
import { cn as a } from "../utils/cn.js";
const w = ({
  size: r = "sm",
  isClickable: s,
  onClick: e,
  className: m,
  children: o
}) => /* @__PURE__ */ t(
  "div",
  {
    onClick: s ? e : void 0,
    className: a(
      "ml-auto flex items-center justify-center rounded-full transition-colors",
      {
        "py-[3px] px-sw-sm": r === "sm",
        "py-sw-sm px-sw-md": r === "md",
        "bg-sw-gray-800 text-sw-gray-200": !s,
        "bg-sw-gray-800 text-sw-gray-200 hover:bg-sw-gray-700 cursor-pointer": s
      },
      m
    ),
    children: /* @__PURE__ */ t("span", { className: "gap-sw-sm text-sw-label-sm flex items-center text-nowrap", children: o })
  }
);
export {
  w as Badge
};
//# sourceMappingURL=Badge.js.map
