Grid of uptime cells that light up green in reading order with a couple of amber and red blips at fixed spots, then holds, fades, and fills again.
The import and the props worth knowing about, in one place.
import { Monitoring22 } from "@/components/beste/piece/monitoring22";
<Monitoring22
title="API"
uptime="99.98% uptime"
incidents={[
{
"index": 23,
"level": "warn"
},
{
"index": 61,
"level": "down"
}
]}
bordered={false}
/>