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}
bordered={false}
/>