Init commit

components/status-dot.tsx

@@ -0,0 +1,16 @@
+import { cn } from "@/lib/utils"
+import type { ServerStatus } from "@/lib/data"
+
+export function StatusDot({ status, pulse }: { status: ServerStatus; pulse?: boolean }) {
+  return (
+    <span
+      className={cn(
+        "inline-block size-2 rounded-full shrink-0",
+        status === "online" && "bg-emerald-500",
+        status === "offline" && "bg-red-500",
+        status === "degraded" && "bg-amber-400",
+        pulse && status === "online" && "animate-pulse",
+      )}
+    />
+  )
+}