About this piece
Mortgage Calculator
Loan estimate card with home price and down payment cells above a bold monthly total.
Usage
The import and the props worth knowing about, in one place.
import { Realestate2 } from "@/components/beste/piece/realestate2";
<Realestate2
surface="card"
bordered={false}
inverted={false}
price="$1,240,000"
downPayment="20% · $248,000"
monthly="$6,108 / mo"
tone="primary"
eyebrowLabel="Mortgage estimate"
priceLabel="Home price"
downLabel="Down"
rateLabel="Rate"
termLabel="Term"
paymentLabel="Est. payment"
/>
