<ng-container *transloco="let t; prefix: 'common'">
  @if (loading()) {
    @if (absolute()) {
      <div class="position-absolute top-50 start-50 translate-middle" style="z-index: 999">
        <div class="spinner-border {{size()}} text-primary" role="status">
          <span class="visually-hidden">{{t('loading')}}</span>
        </div>
      </div>
    } @else {
      <div class="d-flex justify-content-center">
        <div class="spinner-border {{size()}} text-primary" role="status">
          <span class="visually-hidden">{{t('loading')}}</span>
        </div>
      </div>
    }
  } @else {
    <ng-content />
  }

</ng-container>
