<popup-page>
  <popup-header slot="header" [pageTitle]="'exportNoun' | i18n" showBackButton>
    <ng-container slot="end">
      <app-pop-out></app-pop-out>
    </ng-container>
  </popup-header>

  <tools-export
    (formDisabled)="this.disabled = $event"
    (formLoading)="this.loading = $event"
    (onSuccessfulExport)="this.onSuccessfulExport($event)"
    (skippedAttachmentCountChange)="this.skippedAttachmentCount.set($event)"
  ></tools-export>

  <popup-footer slot="footer">
    <button
      [disabled]="disabled"
      [loading]="loading"
      form="export_form_exportForm"
      bitButton
      type="submit"
      bitFormButton
      buttonType="primary"
    >
      {{ "exportVerb" | i18n }}
    </button>
    <button bitButton type="button" buttonType="secondary" [popupBackAction]>
      {{ "cancel" | i18n }}
    </button>
  </popup-footer>
</popup-page>
