Textarea

1"use client";
2 
3import "./textarea.css";
4import type React from "react";
5import { cn } from "tailwind-variants";
6 
7import { TextareaContext } from "./textarea.context";
8import { textareaVariants, type TextareaVariants } from "./textarea.variants";
9 
10export type TextareaProps = TextareaVariants & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
11 
12export const TextareaRoot = ({ className, variant, size, ...props }: TextareaProps) => {
13  const slots = textareaVariants({ variant, size });
14 
15  return (
16    <TextareaContext.Provider value={{ slots }}>
17      <textarea className={cn(slots.root(), className)} {...props} />
18    </TextareaContext.Provider>
19  );
20};