import { jsx as e } from "react/jsx-runtime";
import { c as r } from "../../../../index-BtlgVD4m.js";
const l = ({ ref: t, className: o, error: n, ...a }) => {
  const i = a.rows === void 0;
  return /* @__PURE__ */ e(
    "div",
    {
      className: r(
        "relative w-full outline-(length:--border-width-border-1) outline-transparent rounded-[6px] transition-all transform",
        n ? "outline-[var(--base-ring-error)]" : "focus-within:outline-[var(--base-ring)] focus-within:outline-offset-2"
      ),
      children: /* @__PURE__ */ e(
        "textarea",
        {
          className: r(
            "flex",
            i && "min-h-[80px]",
            "w-full",
            "gap-[10px]",
            "rounded-[var(--border-radius-md)]",
            "border",
            "border-[var(--base-input)]",
            "bg-[var(--base-background)]",
            "px-[var(--spacing-3)]",
            "py-[var(--spacing-2)]",
            "text-[length:var(--typography-base-sizes-small-font-size)]",
            "text-[var(--base-foreground)]",
            "font-[family-name:var(--typography-font-family-font-sans)]",
            "font-[var(--font-weight-normal)]",
            "leading-[var(--typography-base-sizes-small-line-height)]",
            "placeholder:text-[var(--base-muted-foreground)]",
            "placeholder:font-[var(--font-weight-normal)]",
            "outline-none",
            "disabled:opacity-[var(--opacity-opacity-50)]",
            "disabled:cursor-not-allowed",
            o
          ),
          ref: t,
          ...a
        }
      )
    }
  );
};
l.displayName = "TextareaAtom";
export {
  l as default
};
//# sourceMappingURL=TextareaAtom.js.map
