welcome-ui/dist/Textarea.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import './Textarea.css';
import { jsx as _ } from "react/jsx-runtime";
import { forwardRef as p } from "react";
import { useField as v } from "./Field.js";
import { c as d } from "./index-B6iGEm-i.js";
const m = "_root_4eccj_2", l = "_adaptative_4eccj_45", f = {
  root: m,
  "variant-danger": "_variant-danger_4eccj_36",
  "variant-warning": "_variant-warning_4eccj_39",
  "variant-success": "_variant-success_4eccj_42",
  adaptative: l
}, x = d(f), u = p(
  ({ className: t, isAdaptative: e = !1, minRows: r = 5, variant: s, ...n }, o) => {
    const { getInputProps: c, variant: i } = v(), a = i || s;
    return /* @__PURE__ */ _(
      "textarea",
      {
        className: x(
          "root",
          a && `variant-${a}`,
          e && "adaptative",
          "field-input",
          t
        ),
        ref: o,
        rows: r,
        ...c(n)
      }
    );
  }
);
u.displayName = "Textarea";
export {
  u as Textarea,
  f as textareaClasses
};