10 lines
464 B
Plaintext
10 lines
464 B
Plaintext
component StatusBadge {
|
|
props {
|
|
class = ""
|
|
status = "operational"
|
|
}
|
|
view {
|
|
<span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold {status === 'operational' ? 'bg-emerald-100 text-emerald-700' : status === 'degraded' ? 'bg-amber-100 text-amber-700' : status === 'outage' ? 'bg-red-100 text-red-700' : 'bg-blue-100 text-blue-700'} {class}"><span class="size-2 rounded-full bg-current"></span>{status}</span>
|
|
}
|
|
}
|