<ng-container *ngIf="containerClass !== 'd-contents'; else actionBarBtn">
  <div
    class="input-group-btn"
    [ngClass]="containerClass || DEFAULT_CSS_STYLE"
  >
    <button
      class="btn btn-default"
      [attr.aria-label]="'Generate export' | translate"
      tooltip="{{ 'Generate export' | translate }}"
      container="body"
      type="button"
      data-cy="datapoints-export-selector--open-export-button"
      (click)="openExportModal()"
      [adaptivePosition]="false"
      [disabled]="!exportConfig"
      [delay]="500"
    >
      <i
        class="icon-14"
        c8yIcon="data-export"
      ></i>
    </button>
  </div>
</ng-container>

<ng-template #actionBarBtn>
  <button
    class="btn btn-link"
    type="button"
    (click)="openExportModal()"
    [disabled]="!exportConfig"
  >
    <i c8yIcon="data-export"></i>
    {{ 'Generate export' | translate }}
  </button>
</ng-template>