Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.
The import and the props worth knowing about, in one place.
import { Monitoring16 } from "@/components/beste/piece/monitoring16";
<Monitoring16
from="api"
to="db"
latency="42ms"
status="healthy"
bordered={false}
/>