<clr-modal
  [clrModalOpen]="open"
  (clrModalOpenChange)="onClrModalOpenChange($event)"
  [clrModalSize]="'md'"
>
  <h3 class="modal-title">{{ title }}</h3>
  <div class="modal-body">
    <div>{{ message }}</div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-outline" (click)="onCancel()">
      {{ cancelText }}
    </button>
    <button type="button" class="btn btn-primary" (click)="onConfirm()">
      {{ confirmText }}
    </button>
  </div>
</clr-modal>
