Warcraft Cursor

1import * as React from "react";
2import { cva, type VariantProps } from "class-variance-authority";
3import { cn } from "@/lib/utils";
4 
5import "@/components/ui/warcraftcn/styles/warcraft.css";
6 
7const cursorVariants = cva("", {
8  variants: {
9    faction: {
10      default: "",
11      orc: "wc-orc-cursor",
12      elf: "wc-elf-cursor",
13      human: "wc-human-cursor",
14      undead: "wc-undead-cursor",
15    },
16  },
17  defaultVariants: {
18    faction: "default"
19  },
20});
21 
22export interface CursorProps extends React.ComponentProps<"div">, VariantProps<typeof cursorVariants> {
23  faction?: "default" | "orc" | "elf" | "human" | "undead";
24}
25 
26export const Cursor: React.FC<CursorProps> = ({
27  className,
28  faction = "default",
29  children,
30  ...props
31}) => {
32  const cursorClass = cursorVariants({ faction });
33 
34  return (
35    <div
36      className={cn("wc-cursor", cursorClass, className)}
37      {...props}
38    >
39      {children}
40    </div>
41  );
42};