"use client";
import { j as a } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import x from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import t from "./Button.module.scss.mjs";
function h({
  type: e = "primary",
  size: s = "medium",
  leftIcon: n,
  rightIcon: i,
  children: o,
  active: r,
  disabled: u,
  htmlType: l,
  className: c,
  spacing: d = "md",
  style: f,
  focusVisible: p,
  hover: m,
  ...b
}) {
  return /* @__PURE__ */ a.jsx(
    "button",
    {
      disabled: u,
      type: l,
      style: f,
      "data-testid": "button",
      className: x(
        t.base,
        t[e],
        t[s],
        s === "small" ? "button-sm" : "button",
        {
          [t.link]: e === "menuItem",
          "menu-item": e === "menuItem",
          [t.active]: r,
          [t.focusVisible]: p,
          [t.hover]: m,
          hover: m
        },
        c
      ),
      ...b,
      children: /* @__PURE__ */ a.jsxs(
        "div",
        {
          className: t.content,
          style: { gap: `var(--space-${d}-fixed)` },
          children: [
            n,
            o,
            i
          ]
        }
      )
    }
  );
}
export {
  h as default
};
//# sourceMappingURL=index.mjs.map
