import { j as r } 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 u } from "../../utils/index.js";
const d = l(
  [
    "w-full",
    "outline",
    "outline-1",
    "bg-surface-alt",
    "rounded-md",
    "transition-all",
    "duration-100",
    "outline-none",
    "focus:outline-interaction-sub-border-active",
    "focus:outline-2",
    "placeholder:text-gray-400",
    "placeholder:text-content-placeholder",
    "disabled:bg-interaction-support-disabled-subtle disabled:text-interaction-support-disabled-medium 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, ...o }, n) => /* @__PURE__ */ r.jsx(
    "input",
    {
      ref: n,
      type: "text",
      autoComplete: "off",
      className: u(d({ inputSize: e, variant: t, className: i })),
      ...o
    }
  )
);
export {
  m as Input
};
