// src/utils/utils.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// src/components/IconRoundedButton/IconRoundedButton.tsx
import { jsx } from "react/jsx-runtime";
var IconRoundedButton = ({
  icon,
  className = "",
  disabled,
  ...props
}) => {
  const baseClasses = [
    "inline-flex",
    "items-center",
    "justify-center",
    "w-8",
    "h-8",
    "rounded-full",
    "cursor-pointer",
    "border",
    "border-background-200",
    "bg-background",
    "text-text-950",
    "hover:shadow-hard-shadow-1",
    "focus-visible:outline-none",
    "focus-visible:shadow-hard-shadow-1",
    "focus-visible:ring-2",
    "focus-visible:ring-indicator-info",
    "focus-visible:ring-offset-0",
    "disabled:opacity-50",
    "disabled:cursor-not-allowed"
  ].join(" ");
  return /* @__PURE__ */ jsx(
    "button",
    {
      type: "button",
      className: cn(baseClasses, className),
      disabled,
      ...props,
      children: /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
    }
  );
};
var IconRoundedButton_default = IconRoundedButton;
export {
  IconRoundedButton_default as default
};
//# sourceMappingURL=index.mjs.map