Status Monitor Sparse Demo

1import StatusMonitor, {
2  type AppStatusData
3} from "@/registry/8starlabs-ui/blocks/status-monitor";
4 
5const statuses: AppStatusData[] = [
6  {
7    status: "normal",
8    timestamp: "Jul 06, 2026",
9    info: "Monitoring started for the service."
10  },
11  {
12    status: "warning",
13    timestamp: "Jul 07, 2026",
14    info: "A new deployment caused slower health checks."
15  },
16  {
17    status: "normal",
18    timestamp: "Jul 08, 2026",
19    info: "Health checks returned to the expected baseline."
20  },
21  {
22    status: "empty",
23    timestamp: "Jul 09, 2026",
24    info: "No synthetic check data was recorded."
25  },
26  {
27    status: "error",
28    timestamp: "Jul 10, 2026",
29    info: "Synthetic checks failed from two regions."
30  },
31  {
32    status: "normal",
33    timestamp: "Jul 11, 2026",
34    info: "Regional checks recovered."
35  }
36];
37 
38export default function StatusMonitorSparseDemo() {
39  return <StatusMonitor statuses={statuses} title="New Service Rollout" />;
40}