textarea

1import * as React from "react"
2
3import { cn } from "@/lib/utils"
4
5function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
6  return (
7    <textarea
8      data-slot="textarea"
9      className={cn(
10        "flex min-h-[80px] w-full rounded-base border-2 border-border bg-secondary-background selection:bg-main selection:text-main-foreground px-3 py-2 text-sm font-base text-foreground placeholder:text-foreground/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
11        className,
12      )}
13      {...props}
14    />
15  )
16}
17
18export { Textarea }
19