Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.
The import and the props worth knowing about, in one place.
import { Monitoring7 } from "@/components/beste/piece/monitoring7";
<Monitoring7
regions={[
{
"code": "us-east-1",
"status": "operational",
"latency": "42ms"
},
{
"code": "eu-west-2",
"status": "operational",
"latency": "78ms"
},
{
"code": "ap-south-1",
"status": "degraded",
"latency": "210ms"
},
{
"code": "sa-east-1",
"status": "outage"
}
]}
bordered={false}
/>