import React from "react";
import { ensureStyle, ensureControlBase } from "./controlBase";

ensureControlBase();
ensureStyle("at-textarea", `
  .at-textarea{min-height:64px;line-height:20px;padding:8px 9px;resize:vertical}
`);

export function Textarea({ error = false, className = "", ...rest }) {
  const cls = ["at-control", "at-textarea", error ? "is-error" : "", className].filter(Boolean).join(" ");
  return <textarea className={cls} aria-invalid={error ? "true" : undefined} {...rest} />;
}