import * as React from 'react'
import { cn } from '@/lib/utils'

/**
 * Cap — Tektur uppercase caption (handoff design system primitive).
 * 10.5px / 600 / letter-spacing 0.10em / mute color.
 *
 * Use для section labels, table headers (cap variant), toolbar group titles.
 */
export type CapProps = React.HTMLAttributes<HTMLSpanElement>

export function Cap({ className, ...props }: CapProps) {
  return (
    <span
      className={cn(
        'font-display text-[10.5px] font-semibold uppercase tracking-[0.10em] text-mute leading-none',
        className,
      )}
      {...props}
    />
  )
}
