import { j as n } from "../../node_modules/react/jsx-runtime.js";
import { forwardRef as a } from "react";
import { cva as l } from "../../node_modules/class-variance-authority/dist/index.js";
import { cn as p } from "../../utils/index.js";
const s = l(
  [
    "w-full",
    "input",
    "disabled:bg-interaction-support-disabled-subtle disabled:text-interaction-support-disabled-strong disabled:cursor-not-allowed disabled:outline-0"
  ],
  {
    variants: {
      inputSize: {
        sm: "text-sm px-4 py-[10px]",
        md: "px-4 py-3"
      },
      variant: {
        default: "outline-interaction-sub-border-default",
        error: "outline-interaction-critical-default focus:outline-interaction-critical-default",
        prefilled: "text-content-secondary outline-none bg-interaction-support-prefilled disabled:bg-interaction-support-prefilled"
      }
    },
    defaultVariants: {
      inputSize: "md",
      variant: "default"
    }
  }
), m = a(
  ({ variant: t, inputSize: e, className: i, ...r }, o) => /* @__PURE__ */ n.jsx(
    "input",
    {
      ref: o,
      type: "text",
      autoComplete: "off",
      className: p(s({ inputSize: e, variant: t }), i),
      ...r
    }
  )
);
export {
  m as Input
};
