Compact service health row with operational state, pulsing dot, and uptime percentage on the right.
The import and the props worth knowing about, in one place.
import { Monitoring1 } from "@/components/beste/piece/monitoring1";
<Monitoring1
surface="card"
bordered={false}
inverted={false}
service="API Gateway"
status="operational"
uptime="99.98%"
operationalLabel="Operational"
degradedLabel="Degraded"
outageLabel="Outage"
maintenanceLabel="Maintenance"
/>