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

// Density-first ERP scan-pattern (NAMGROUP convention): uppercase + tracking +
// muted. slate-500 (not 400) so 11px label still clears WCAG-AA (~4.6:1) — a
// deliberate accessibility-floor deviation from NAMGROUP's zinc-400.
export function Label({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>) {
  return (
    <label
      className={cn('text-[11px] font-semibold uppercase tracking-wider text-slate-500', className)}
      {...props}
    />
  )
}
