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

// ERP scan-pattern: uppercase + tracking. 2026-06-16 "nâng màu" — eyebrow now
// brand-600 (was slate-500) so form labels carry the identity colour. brand-600
// on white = 4.7:1, clears WCAG-AA at 11px. Signature unchanged.
export function Label({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>) {
  return (
    <label
      className={cn('text-[11px] font-bold uppercase tracking-wider text-brand-600', className)}
      {...props}
    />
  )
}
