Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.
The import and the props worth knowing about, in one place.
import { Money9 } from "@/components/beste/piece/money9";
<Money9
category="Groceries"
spent="$284"
budget="$450"
progress={63}
/>Ranked categories, each with an amount and a bar sized to its share.
Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Bill total header above an overlapping avatar stack with the per-person share on the right.