JSFiddle - React, Tailwind, and code Playground

by Palpatim

HTML

<h1>Wallet Exchange</h1>

<form action="/multicurrency/transfer" method="post">
  <div>
    Amount <input type="text" name="amount" id="amount" />
  </div>

  <div>
    Exchange
    <select>
      <option val="AUD">AUD</option>
      <option val="EUR">EUR</option>
      <option val="HKD">HKD</option>
      <option val="USD">USD</option>
    </select>

    <select>
      <option val="AUD">AUD</option>
      <option val="EUR">EUR</option>
      <option val="HKD">HKD</option>
      <option val="USD">USD</option>
    </select>
  </div>

  <div>
    Total <input type="text" id="total" name="total" disabled="disabled" />
  </div>

  <input type="button" value="Cancel" />
  <input type="submit" value="Transfer"/>

  <div>
    Visa TravelMoney Conversion rate
    AUD 1.00 = 1.2345 HKD
  </div>

  <div>
    This rate will remain valid for another 11 second(s).
  </div>

</form>