<!--
  Copyright IBM Corp. 2016, 2018

  This source code is licensed under the Apache-2.0 license found in the
  LICENSE file in the root directory of this source tree.
-->

{{#if overlay}}<div class="{{@root.prefix}}--loading-overlay">{{/if}}
  <div data-loading class="{{@root.prefix}}--loading{{#if small}} {{@root.prefix}}--loading--small{{/if}}">
    <svg class="{{@root.prefix}}--loading__svg" viewBox="0 0 100 100">
      <title>Loading</title>
      {{#if small}}
      <circle class="{{@root.prefix}}--loading__background" cx="50%" cy="50%" r="42" />
      <circle class="{{@root.prefix}}--loading__stroke" cx="50%" cy="50%" r="42" />
      {{else}}
      <circle class="{{@root.prefix}}--loading__stroke" cx="50%" cy="50%" r="44" />
      {{/if}}
    </svg>
  </div>
  {{#if overlay}}
</div>{{/if}}
