Warcraft Input

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