Label

1"use client"
2 
3import * as React from "react"
4import { Label as BaseLabel } from "@/components/ui/label"
5import { cn } from "@/lib/utils"
6 
7export interface LabelProps extends React.ComponentProps<typeof BaseLabel> {
8  required?: boolean
9}
10 
11/**
12 * Glass UI Label - Enhanced label component with glassy styling
13 */
14export const Label = React.forwardRef<
15  React.ElementRef<typeof BaseLabel>,
16  LabelProps
17>(({ className, required, children, ...props }, ref) => {
18  return (
19    <BaseLabel
20      ref={ref}
21      className={cn(
22        "transition-colors duration-200",
23        className
24      )}
25      {...props}
26    >
27      {children}
28      {required && <span className="text-destructive ml-1">*</span>}
29    </BaseLabel>
30  )
31})
32Label.displayName = "Label"
33