import { j as r } from "../../node_modules/react/jsx-runtime.js";
import { forwardRef as d } from "react";
import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
import { cn as l } from "../../utils/index.js";
const u = c(
  [
    "w-full",
    //full-width
    "rounded-md",
    //rounded-border
    "font-semibold",
    //font semibold
    "focus:outline-none",
    //no outline when is focus
    "disabled:cursor-not-allowed",
    "focus:ring-1",
    "focus:ring-offset-2",
    "text-nowrap"
  ],
  {
    variants: {
      variant: {
        ghost: "transition-colors duration-300"
      },
      size: {
        sm: "px-0 py-0 text-sm",
        md: "px-1.5 py-1.5 text-base",
        lg: "px-2 py-2 text-lg"
      },
      colorscheme: {
        primary: "text-white"
      }
    },
    compoundVariants: [
      {
        variant: "ghost",
        colorscheme: "primary",
        className: "text-text-disabled-strong bg-transparent hover:bg-interaction-muted-brand-hover active:bg-interaction-muted-brand-active focus:ring-interaction-main-default disabled:text-interaction-support-disabled-medium"
      }
    ],
    defaultVariants: {
      variant: "ghost",
      size: "md",
      colorscheme: "primary"
    }
  }
), b = d(
  ({ variant: n, size: t, colorscheme: s, className: a, ...e }, i) => {
    const o = {
      lg: "lg",
      md: "md",
      sm: "md"
    }, m = e.disabled ? "/menu-disabled-" + o[t || "md"] + ".svg" : "/menu-" + o[t || "md"] + ".svg";
    return /* @__PURE__ */ r.jsx(
      "button",
      {
        ref: i,
        className: l(u({ variant: n, size: t, colorscheme: s, className: a })),
        ...e,
        children: /* @__PURE__ */ r.jsx("img", { src: m, alt: "icon" })
      }
    );
  }
);
export {
  b as Menu
};
