import type { NodeStatus } from "@/lib/types";

const styles: Record<NodeStatus, string> = {
  online:       "bg-green-950 text-green-400 border border-green-800",
  recording:    "bg-orange-950 text-orange-400 border border-orange-800 animate-pulse",
  offline:      "bg-gray-900 text-gray-500 border border-gray-700",
  unconfigured: "bg-indigo-950 text-indigo-400 border border-indigo-800",
};

export function StatusBadge({ status }: { status: NodeStatus }) {
  return (
    <span className={`inline-block px-2 py-0.5 rounded-full text-xs font-semibold uppercase tracking-wide ${styles[status] ?? styles.offline}`}>
      {status}
    </span>
  );
}