Rate-limit row that maps remaining capacity to a chain of filled and hollow dots, with a count beside it.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Monitoring12 } from "@/components/beste/piece/monitoring12";
<Monitoring12
total={10}
remaining={7}
tone="sky"
/>