import { jsxs as s, jsx as e } from "react/jsx-runtime";
import i from "../label/Label.js";
import o from "./components/textarea-atom/TextareaAtom.js";
import x from "../error-message/ErrorMessage.js";
const n = ({ ref: l, label: r, description: t, errorMessage: a, ...m }) => /* @__PURE__ */ s("div", { className: "flex flex-col gap-[var(--spacing-2)] relative", children: [
  r && /* @__PURE__ */ e(i, { variant: "field", className: a ? "text-[var(--base-danger-text)]" : "", children: r }),
  /* @__PURE__ */ e(
    o,
    {
      ref: l,
      error: !!a,
      className: a ? "outline-[var(--base-ring-error)] text-[var(--base-danger-text)]" : "",
      ...m
    }
  ),
  t && /* @__PURE__ */ e(i, { variant: "subtitle", children: t }),
  /* @__PURE__ */ e(x, { message: a })
] });
n.displayName = "Textarea";
export {
  n as default
};
//# sourceMappingURL=Textarea.js.map
