import { cn } from '@/lib/cn';
import { forwardRef, type LabelHTMLAttributes } from 'react';

type LabelProps = LabelHTMLAttributes<HTMLLabelElement>;

export const Label = forwardRef<HTMLLabelElement, LabelProps>(
    ({ className, ...props }, ref) => (
        <label
            ref={ref}
            className={cn(
                'text-[11px] font-medium text-muted-foreground',
                className,
            )}
            {...props}
        />
    ),
);

Label.displayName = 'Label';
