import { Badge, type Tone } from './ui';
import type { BillingStatus } from '../types';

const TONE: Record<BillingStatus, Tone> = { free: 'violet', trial: 'sky', active: 'green', overdue: 'amber', expired: 'rose', suspended: 'rose' };

export function StatusBadge({ status, label }: { status: BillingStatus; label: string }) {
    return <Badge tone={TONE[status]} dot>{label}</Badge>;
}