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>
  );
}