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 cnsl-secondary-text">{{ data.descriptionKey | translate: data.descriptionParam }}</p>

  <cnsl-info-section *ngIf="data.warnSectionKey" [type]="InfoSectionType.WARN">{{
    data.warnSectionKey | translate
  }}</cnsl-info-section>
  <cnsl-form-field *ngIf="data.confirmation && data.confirmationKey" class="formfield">
    <cnsl-label>{{ data.confirmationKey | translate: { value: data.confirmation } }}</cnsl-label>
    <input cnslInput [(ngModel)]="confirm" [attr.e2e-data]="'confirm-dialog-input'" />
  </cnsl-form-field>
</div>
<div mat-dialog-actions class="action">
  <button *ngIf="data.cancelKey" mat-stroked-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()"
    [attr.e2e-data]="'confirm-dialog-button'"
  >
    {{ data.confirmKey | translate }}
  </button>
</div>