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

export function StatusPill({ status, label }: { status: 'AKTIF' | 'SELESAI'; label: string }) {
  return (
    <span
      className={cn(
        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-semibold',
        status === 'AKTIF' ? 'bg-wood/10 text-wood' : 'bg-canvas text-muted ring-1 ring-line',
      )}
    >
      <span className={cn('size-1.5 rounded-full', status === 'AKTIF' ? 'bg-wood' : 'bg-subtle')} />
      {label}
    </span>
  );
}