Side-by-side compare card with previous and current values separated by an arrow, and a semantic delta pill in the header.
The import and the props worth knowing about, in one place.
import { Dashboard10 } from "@/components/beste/piece/dashboard10";
<Dashboard10
surface="card"
bordered={false}
inverted={false}
label="Conversion rate"
currentLabel="This week"
currentValue="3.82%"
previousLabel="Last week"
previousValue="3.41%"
delta={12}
/>