export const labSentBadgeClass =
  'inline-flex items-center rounded-[var(--radius-sm)] border border-emerald-500/40 bg-emerald-500/10 px-2 py-0.5 text-[11px] font-medium text-emerald-600 dark:text-emerald-400';

export const labNotSentBadgeClass =
  'inline-flex items-center rounded-[var(--radius-sm)] border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-[11px] font-medium text-amber-600 dark:text-amber-400';

export const labSentBannerClass =
  'text-xs rounded-[var(--radius-sm)] border border-emerald-500/40 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 px-2 py-1.5';

export const labPendingBannerClass =
  'text-xs rounded-[var(--radius-sm)] border border-amber-500/40 bg-amber-500/10 text-amber-700 dark:text-amber-400 px-2 py-1.5';

export const labBlockedBannerClass =
  'text-xs rounded-[var(--radius-sm)] border border-amber-500/35 bg-amber-500/5 text-amber-800 dark:text-amber-300 px-2 py-1.5';

export function autosaveStatusClass(status: 'dirty' | 'saving' | 'saved' | 'error'): string {
  switch (status) {
    case 'dirty':
      return 'text-amber-600 dark:text-amber-400';
    case 'saving':
      return 'text-text-muted animate-pulse';
    case 'saved':
      return 'text-emerald-600 dark:text-emerald-400';
    case 'error':
      return 'text-red-500';
    default:
      return 'text-text-muted';
  }
}
