<clr-modal [(clrModalOpen)]="opened" [clrModalClosable]="false" [clrModalStaticBackdrop]="true">
  <h3 class="modal-title" class="confirmation-title" style="margin-top: 0px;">{{dialogTitle}}</h3>
  <div class="modal-body">
    <div class="confirmation-icon-inline">
      <clr-icon shape="warning" class="is-warning" size="64"></clr-icon>
    </div>
    <div class="confirmation-content">{{dialogContent}}</div>

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-outline" (click)="cancel()">{{'BUTTON.CANCEL' | translate}}</button>
    <button type="button" class="btn btn-primary" (click)="confirm()">{{'BUTTON.CONFIRM' | translate}}</button>
  </div>
</clr-modal>
