Two currency columns linked by an arrow, with an optional rate caption beneath.
The import and the props worth knowing about, in one place.
import { Money2 } from "@/components/beste/piece/money2";
<Money2
surface="card"
bordered={false}
inverted={false}
fromCurrency="USD"
fromAmount="1.00"
toCurrency="EUR"
toAmount="0.92"
/>