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

interface StatusBadgeProps {
  status: string
}

export default function StatusBadge({ status }: StatusBadgeProps) {
  const isRunning = status === 'running'
  
  return (
    <span
      className={cn(
        'inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium',
        isRunning
          ? 'bg-success/10 text-success border border-success/30'
          : 'bg-foreground-subtle/10 text-foreground-muted border border-foreground-subtle/30'
      )}
    >
      {isRunning ? (
        <span className="w-2 h-2 rounded-full bg-success animate-pulse" />
      ) : (
        <span className="w-2 h-2 rounded-full border border-foreground-muted" />
      )}
      {status}
    </span>
  )
}
