<div class="statusContainer">
  <button
    class="btn-clean"
    aria-label="{{ status.sendStatus.tooltip | translate }} {{
      status.pushStatus.tooltip | translate
    }}"
    uib-tooltip="{{ status.sendStatus.tooltip | translate }} {{
      status.pushStatus.tooltip | translate
    }}"
    tooltip-trigger="'mouseenter'"
    tooltip-popup-delay="500"
    tooltip-append-to-body="true"
    tooltip-placement="right"
    type="button"
  >
    <span
      class="sendStatus"
      ng-class="status.sendStatus.class"
      c8y-icon="{{ status.sendStatus.icon }}"
      ng-if="!!status.sendStatus"
    ></span>
    <span
      class="pushStatus"
      ng-class="status.pushStatus.class"
      c8y-icon="{{ status.pushStatus.icon }}"
      ng-if="!!status.pushStatus"
    ></span>
  </button>
  <button
    class="btn-clean"
    aria-label="{{ status.maintenanceStatus.tooltip | translate }}"
    uib-tooltip="{{ status.maintenanceStatus.tooltip | translate }}"
    tooltip-append-to-body="true"
    tooltip-placement="right"
    type="button"
    ng-if="!!status.maintenanceStatus"
  >
    <span
      class="maintenanceStatus"
      ng-class="status.maintenanceStatus.class"
      c8y-icon="{{ status.maintenanceStatus.icon }}"
    ></span>
  </button>
</div>
