Plan name with its recurring price and the date of the next charge.
The import and the props worth knowing about, in one place.
import { Money17 } from "@/components/beste/piece/money17";
<Money17
plan="Pro plan"
amount="$24"
period="/mo"
nextLabel="Next charge"
nextDate="Jul 1, 2026"
/>Monthly recurring revenue with its growth and a tonal bar history.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Months of runway over a split of current balance and monthly burn.
Headline total with a percentage change and the period it covers.