import { cn } from '@/lib/utils'

const TONES = {
  human: 'bg-seat-human',
  open: 'bg-seat-open',
  ai: 'bg-seat-ai',
  approved: 'bg-approved',
  held: 'bg-held',
  destructive: 'bg-destructive',
  idle: 'bg-muted-foreground/40',
} as const

export type DotTone = keyof typeof TONES

export function StatusDot({ tone, className }: { tone: DotTone; className?: string }) {
  return <span className={cn('inline-block size-2.5 rounded-full', TONES[tone], className)} aria-hidden />
}