Monthly quota meter with a tone-colored SVG donut arc, the percentage in the middle, and the used and total request count.
The import and the props worth knowing about, in one place.
import { Ai10 } from "@/components/beste/piece/ai10";
<Ai10
surface="card"
bordered={false}
inverted={false}
label="Monthly requests"
used={4200}
quota={10000}
tone="primary"
/>