Directional arrow icon beside a merchant name with its category, and a signed amount on the right.
The import and the props worth knowing about, in one place.
import { Money4 } from "@/components/beste/piece/money4";
<Money4
surface="card"
bordered={false}
inverted={false}
merchant="Stripe payout"
category="Income"
amount="+$3,240.00"
direction="incoming"
/>