'use client';

import { Badge } from '@/ui/Badge';

interface ActionStatusBadgeProps {
  status: 'PENDING' | 'COMPLETED' | 'FAILED' | 'IN_PROGRESS';
}

export function ActionStatusBadge({ status }: ActionStatusBadgeProps) {
  const variants: Record<string, 'warning' | 'success' | 'danger' | 'info'> = {
    PENDING: 'warning',
    COMPLETED: 'success',
    FAILED: 'danger',
    IN_PROGRESS: 'info',
  };

  return (
    <Badge 
      variant={variants[status]} 
      size="sm" 
      rounded="sm"
    >
      {status.replace('_', ' ')}
    </Badge>
  );
}