Estimated saving
A savings card leading on a large figure and a change chip, then comparing the old and new spend on two aligned rows.
The import and the props worth knowing about, in one place.
import { Money23 } from "@/components/beste/piece/money23";
<Money23
surface="card"
bordered={false}
inverted={false}
label="Estimated saving"
amount="$1,840"
period="per month"
delta="38% lower"
rows={[
{
"label": "Four tools today",
"amount": "$4,820",
"muted": true
},
{
"label": "One workspace",
"amount": "$2,980"
}
]}
/>