{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
~}}

<div class="loading-spinner {{if this.paused 'paused'}}" {{on "click" (toggle-action 'paused' this)}}>
  <div class="cube-and-logo">
    <div class="cube">
      <div class="side side-1"></div>
      <div class="side side-2"></div>
      <div class="side side-3"></div>
      <div class="side side-4"></div>
    </div>
    <div class="logo-container">
      {{x-icon "nomad-logo-n"}}
    </div>
  </div>
</div>
