<div class="modal-wrapper">
  <div class="header">
    <lib-icon (click)="close.emit()" height="21px" class="close-icon" name="close-branch" alt="close"></lib-icon>
  </div>
  <div class="title">
    <span>{{ title }}</span>
  </div>
  <div class="sub-title">
    <span class="align-center">{{ text }}</span>
  </div>
  <div class="actions">
    <ng-container *ngIf="!loading; else spinner">
      <app-button
        *ngFor="let action of actions; let i = index"
        (click)="action.onClick()"
        [primaryBorders]="!!action.primary"
        [primary]="!!action.primary"
        id="{{ 'action' + i }}"
        >{{ action.text }}</app-button
      >
    </ng-container>
    <ng-template #spinner><div class="spinner"></div></ng-template>
  </div>
</div>
