<section class="w-full grid grid-cols-1 md:grid-cols-12 md:mb-0">
  <div class="md:col-span-8">
    <p>
      Send and receive sats via the Bitcoin Lightning Network.
    </p>
  </div>
  <div class="md:col-span-4 mt-4 md:mt-0">
    <p class="font-mono md:text-right mb-0 p-4 border border-gray-300 rounded-lg overflow-hidden">
    <% if @balance %>
      <span class="text-2xl"><%= number_with_delimiter @balance %></span>
      <span class="text-xl">sats</span>
      <br>
      <span class="text-sm text-gray-500">Available balance</span>
    <% else %>
      <span class="text-2xl">n/a</span>
      <span class="text-xl">sats</span>
      <br>
      <span class="text-sm text-gray-500">Balance unavailable</span>
    <% end %>
    </p>
  </div>
</section>
