Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
The import and the props worth knowing about, in one place.
import { Stats4 } from "@/components/beste/piece/stats4";
<Stats4
surface="card"
bordered={false}
inverted={false}
label="Active users · 30d"
value="128,420"
data={[
22,
28,
24,
34,
40,
38,
48,
52,
60,
58,
72,
84
]}
tone="success"
/>