import type { TextareaHTMLAttributes } from "react";
import { cn } from "@/lib/utils";

export function Textarea({ className, ...props }: TextareaHTMLAttributes<HTMLTextAreaElement>) {
  return (
    <textarea
      className={cn(
        "w-full rounded-xl border border-slate-300/90 bg-white px-3 py-2 text-sm text-slate-900 shadow-[inset_0_1px_2px_rgba(15,23,42,0.04)] placeholder:text-slate-500 focus:border-[#2663AC] focus:outline-none focus:ring-2 focus:ring-[#2663AC]/20",
        className,
      )}
      {...props}
    />
  );
}