import React from "react";

export function Textarea({ size = "default", invalid = false, className = "", wrapperClassName = "", ...props }) {
  return (
    <span className={["o-input", wrapperClassName].filter(Boolean).join(" ")} data-slot="textarea-control" data-size={size} data-invalid={invalid ? "" : undefined}>
      <textarea className={["o-textarea__control", className].filter(Boolean).join(" ")} data-slot="textarea" aria-invalid={invalid || undefined} {...props} />
    </span>
  );
}
