Warcraft Textarea

1import type * as React from "react";
2 
3import { cn } from "@/lib/utils";
4 
5import "@/components/ui/warcraftcn/styles/warcraft.css";
6 
7function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
8  return (
9    <textarea
10      className={cn(
11        "fantasy min-w-0 bg-center bg-cover bg-no-repeat p-3 px-5 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
12        "border-solid wc-textarea-border [border-image-repeat:stretch]",
13        "border-6 [border-image-slice:16_fill]",
14        "min-h-24 w-full resize-none field-sizing-content",
15        className
16      )}
17      data-slot="textarea"
18      {...props}
19    />
20  );
21}
22 
23export { Textarea };