generated from Dicken/dickendock
22 lines
569 B
TypeScript
22 lines
569 B
TypeScript
export interface StatusBadgeProps {
|
|
online: boolean;
|
|
label?: string;
|
|
}
|
|
|
|
/**
|
|
* Kleiner Statuspunkt (online/offline), z. B. für den Backend-Health-Check
|
|
* oder später für einzelne Dienste.
|
|
*/
|
|
export function StatusBadge({ online, label }: StatusBadgeProps) {
|
|
return (
|
|
<span className="inline-flex items-center gap-2 text-sm text-black/60 dark:text-white/60">
|
|
<span
|
|
className={`h-2 w-2 rounded-full ${
|
|
online ? "bg-emerald-500" : "bg-red-500"
|
|
}`}
|
|
/>
|
|
{label ?? (online ? "Online" : "Offline")}
|
|
</span>
|
|
);
|
|
}
|