8-bit Label

1"use client";
2 
3import type * as React from "react";
4 
5import type * as LabelPrimitive from "@radix-ui/react-label";
6import { type VariantProps, cva } from "class-variance-authority";
7 
8import { cn } from "@/lib/utils";
9 
10import { Label as ShadcnLabel } from "@/components/ui/label";
11 
12import "@/components/ui/8bit/styles/retro.css";
13 
14export const inputVariants = cva("", {
15  variants: {
16    font: {
17      normal: "",
18      retro: "retro",
19    },
20  },
21  defaultVariants: {
22    font: "retro",
23  },
24});
25 
26interface BitLabelProps
27  extends React.ComponentProps<typeof LabelPrimitive.Root>,
28    VariantProps<typeof inputVariants> {
29  asChild?: boolean;
30}
31 
32function Label({ className, font, ...props }: BitLabelProps) {
33  return (
34    <ShadcnLabel
35      className={cn(className, font !== "normal" && "retro")}
36      {...props}
37    />
38  );
39}
40 
41export { Label };