import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { c as cn } from "../../cn-FAaWYZ6x.js";
const InputButton = forwardRef(
  ({ className, children, isOpen, ...props }, ref) => {
    return /* @__PURE__ */ jsx(
      "button",
      {
        ref,
        className: cn(
          "block w-full rounded-lg bg-input px-3 py-2 text-default text-left",
          "placeholder:text-subtle",
          "focus:outline-none focus:ring-2 focus:ring-ring",
          "disabled:bg-subtle disabled:text-disabled disabled:opacity-50",
          "hover:bg-input transition-colors",
          isOpen && "ring-2 ring-ring",
          className
        ),
        ...props,
        children
      }
    );
  }
);
export {
  InputButton
};
