import { cn } from "@/lib/utils";

function Textarea({ className, ...props }) {
  return (
    <textarea
      data-slot="textarea"
      className={cn(
        "ino:flex ino:field-sizing-content ino:min-h-16 ino:w-full ino:rounded-md ino:border ino:border-input ino:bg-transparent ino:px-2.5 ino:py-2 ino:text-base ino:shadow-xs ino:transition-[color,box-shadow] ino:outline-none ino:placeholder:text-muted-foreground ino:focus-visible:border-ring ino:focus-visible:ring-3 ino:focus-visible:ring-ring/50 ino:disabled:cursor-not-allowed ino:disabled:opacity-50 ino:aria-invalid:border-destructive ino:aria-invalid:ring-3 ino:aria-invalid:ring-destructive/20 ino:md:text-sm ino:dark:bg-input/30 ino:dark:aria-invalid:border-destructive/50 ino:dark:aria-invalid:ring-destructive/40",
        className,
      )}
      {...props}
    />
  );
}

export { Textarea };