<div class="flex flex-col items-center gap-2 text-center">
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px"
    height="32px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;"
    class="animate-spin" xml:space="preserve">
    <path fill="currentColor"
      d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
    </path>
  </svg>

  <span class="text-xs text-content-dimmed">
    {{ text is defined ? text : 'Initializing...'  }}
  </span>
</div>