Label

1"use client";
2 
3import { Label as LabelPrimitive } from "radix-ui";
4import type * as React from "react";
5 
6import { cn } from "@/lib/utils";
7 
8function Label({
9  className,
10  required,
11  children,
12  ...props
13}: React.ComponentProps<typeof LabelPrimitive.Root> & {
14  /** Appends a destructive asterisk (folded from the glass wrapper). */
15  required?: boolean;
16}) {
17  return (
18    <LabelPrimitive.Root
19      data-slot="label"
20      className={cn(
21        "flex items-center gap-2 text-sm leading-none font-medium select-none transition-colors duration-200 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
22        className,
23      )}
24      {...props}
25    >
26      {children}
27      {required && <span className="text-destructive ml-1">*</span>}
28    </LabelPrimitive.Root>
29  );
30}
31 
32export { Label };