Textarea

1import { ComponentProps } from "react";
2 
3import { cn } from "@/lib/utils";
4 
5function Textarea({ className, ...props }: ComponentProps<"textarea">) {
6  return (
7    <textarea
8      data-slot="textarea"
9      className={cn(
10        " bg-input border-border aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-secondary-200/10 dark:disabled:bg-secondary-200/10 placeholder:text-[#bec8d0] flex field-sizing-content min-h-22 w-full rounded-lg border py-[.8rem] px-3 text-base transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 focus:border-primary dark:focus:border-primary disabled:pointer-events-none focus:outline-none",
11        className
12      )}
13      {...props}
14    />
15  );
16}
17 
18export { Textarea };