28 lines
747 B
TypeScript
28 lines
747 B
TypeScript
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>
|
|
)
|
|
}
|