Service health rows with a pinging status dot, the service name, and its uptime percentage.
The import and the props worth knowing about, in one place.
import { Dashboard25 } from "@/components/beste/piece/dashboard25";
<Dashboard25
surface="card"
bordered={false}
inverted={false}
heading="Services"
services={[
{
"name": "API",
"status": "up",
"uptime": "99.99%"
},
{
"name": "Ingest",
"status": "degraded",
"uptime": "99.82%"
},
{
"name": "Billing",
"status": "up",
"uptime": "99.97%"
}
]}
/>