<app-dialog [open]="open()" [titleText]="titleText()" size="sm" (closed)="cancelled.emit()">
  <p class="app-confirm-dialog__message">{{ message() }}</p>
  <div class="app-confirm-dialog__actions">
    <app-button variant="secondary" (click)="cancelled.emit()">
      {{ cancelLabel() ?? ('common.cancel' | translate) }}
    </app-button>
    <app-button [variant]="destructive() ? 'danger' : 'primary'" (click)="confirmed.emit()">
      {{ confirmLabel() ?? ('common.confirm' | translate) }}
    </app-button>
  </div>
</app-dialog>
