Actual-vs-target bar with the actual and target figures above a tone-colored fill on a muted track.
The import and the props worth knowing about, in one place.
import { Dashboard22 } from "@/components/beste/piece/dashboard22";
<Dashboard22
surface="card"
bordered={false}
inverted={false}
label="Weekly sessions"
actual={186}
target={220}
max={300}
suffix=""
tone="primary"
/>