Warcraft Label

1"use client";
2 
3import * as React from "react";
4import * as LabelPrimitive from "@radix-ui/react-label";
5import { cva, type VariantProps } from "class-variance-authority";
6 
7import { cn } from "@/lib/utils";
8 
9import "@/components/ui/warcraftcn/styles/warcraft.css";
10 
11const labelVariants = cva(
12  "fantasy text-sm font-medium leading-none select-none",
13  {
14    variants: {
15      variant: {
16        default:
17          "text-amber-200 [text-shadow:0_0_6px_rgba(251,191,36,0.25)]",
18        muted: "text-amber-200/60",
19      },
20    },
21    defaultVariants: {
22      variant: "default",
23    },
24  }
25);
26 
27type LabelProps = React.ComponentProps<typeof LabelPrimitive.Root> &
28  VariantProps<typeof labelVariants> & {
29    required?: boolean;
30    disabled?: boolean;
31  };
32 
33function Label({
34  className,
35  variant,
36  required = false,
37  disabled = false,
38  children,
39  ...props
40}: LabelProps) {
41  return (
42    <LabelPrimitive.Root
43      data-slot="label"
44      data-disabled={disabled || undefined}
45      className={cn(
46        labelVariants({ variant }),
47        disabled && "cursor-not-allowed opacity-50",
48        className
49      )}
50      {...props}
51    >
52      {children}
53      {required && (
54        <>
55          <span
56            aria-hidden="true"
57            className="ml-1 text-red-500 [text-shadow:0_0_6px_rgba(239,68,68,0.4)]"
58          >
59            ✦
60          </span>
61          <span className="sr-only">(required)</span>
62        </>
63      )}
64    </LabelPrimitive.Root>
65  );
66}
67 
68export { Label, labelVariants };
69export type { LabelProps };