import { Badge } from '@cameleer/design-system';

// Badge color values: 'primary' | 'success' | 'warning' | 'error' | 'running' | 'auto'
const STATUS_COLORS: Record<string, 'primary' | 'success' | 'warning' | 'error' | 'running' | 'auto'> = {
  BUILDING: 'warning',
  STARTING: 'warning',
  RUNNING: 'running',
  FAILED: 'error',
  STOPPED: 'auto',
};

export function DeploymentStatusBadge({ status }: { status: string }) {
  const color = STATUS_COLORS[status] ?? 'auto';
  return <Badge label={status} color={color} />;
}