<!-- ATTENTION: keep text format in `tooltip` attribute -->
<div class="d-contents">
  <button
    class="btn-clean statusContainer"
    [attr.aria-label]="'Status' | translate"
    *ngIf="!!status().sendStatus || !!status().pushStatus"
    tooltip="{{ status().sendStatus.tooltip | translate }}
    {{ status().pushStatus.tooltip | translate }}"
    container="body"
    placement="right"
    [delay]="500"
  >
    <div
      *ngIf="!!status().sendStatus"
      class="sendStatus"
      [c8yIcon]="status().sendStatus.icon"
      [ngClass]="status().sendStatus.class"
    ></div>
    <div
      *ngIf="!!status().pushStatus"
      class="pushStatus"
      [c8yIcon]="status().pushStatus.icon"
      [ngClass]="status().pushStatus.class"
    ></div>
  </button>
  <button
    class="btn-clean statusContainer"
    [attr.aria-label]="'Status' | translate"
    *ngIf="!!status().maintenanceStatus"
    tooltip="{{ status().maintenanceStatus.tooltip | translate }}"
    container="body"
    placement="right"
    [delay]="500"
  >
    <div
      class="maintenanceStatus"
      [c8yIcon]="status().maintenanceStatus.icon"
      [ngClass]="status().maintenanceStatus.class"
    ></div>
  </button>
</div>