zitadel/console/src/app/modules/warn-dialog/warn-dialog.component.html

<span class="title" mat-dialog-title>{{data.titleKey | translate: data.titleParam}}</span>
<div mat-dialog-content>
  <div class="icon-wrapper" *ngIf="data.icon">
    <i class="icon {{data.icon}}"></i>
  </div>
  <p class="desc"> {{data.descriptionKey | translate: data.descriptionParam}}</p>

  <cnsl-form-field *ngIf="data.confirmation && data.confirmationKey" class="formfield">
    <cnsl-label>{{data.confirmationKey | translate: {value: data.confirmation} }}</cnsl-label>
    <input cnslInput [(ngModel)]="confirm" />
  </cnsl-form-field>
</div>
<div mat-dialog-actions class="action">
  <button *ngIf="data.cancelKey" mat-button (click)="closeDialog()">
    {{data.cancelKey | translate}}
  </button>
  <span class="fill-space"></span>
  <button color="warn" [disabled]="data.confirmation && confirm !== data.confirmation" mat-raised-button
    class="ok-button" (click)="closeDialogWithSuccess()">
    {{data.confirmKey | translate}}
  </button>
</div>