Ranked categories, each with an amount and a bar sized to its share.
The import and the props worth knowing about, in one place.
import { Money19 } from "@/components/beste/piece/money19";
<Money19
title="Top spending"
categories={[
{
"label": "Rent",
"amount": "$1,800",
"pct": 100
},
{
"label": "Groceries",
"amount": "$640",
"pct": 36
},
{
"label": "Transport",
"amount": "$220",
"pct": 12
},
{
"label": "Leisure",
"amount": "$410",
"pct": 23
}
]}
bordered={false}
/>