<div class="modal-dialog">
  <div class="modal-content">
    <div class="c8y-prompt alert alert-danger">
      <h3 class="m-b-16">
        <i class="dlt-c8y-icon-exclamation-circle"></i>
        <span>{{ modalTitle | translate }}</span>
      </h3>
      <p class="text-break-word">
        {{ messageData.message | translate }}
      </p>
      <br>
      <span class="btn-default" (click)="download()">{{
        'Click the link to download the file with the affected devices.' | translate
      }}</span>
      <div class="alert-footer">
        <button
          title="{{ 'Cancel' | translate }}"
          type="button"
          class="btn btn-default"
          (click)="dismiss()"
        >
          {{ 'Cancel' | translate }}
        </button>
      </div>
    </div>
  </div>
</div>