confirm-dialog.component.html

<mat-toolbar class="dialog-toolbar">
  <h1 class="dialog-toolbar-title">{{ title }}</h1>
  <button
    mat-button
    mat-dialog-close
    class="close-btn"
    aria-label="Close note dialog"
  >
    <i class="material-icons">clear</i>
  </button>
</mat-toolbar>
<mat-dialog-content
  id="confirmation-dialog"
  class="mat-typography dialog-with-toolbar"
>
<div class="{{ dialogClass }}">
  <mat-dialog-content>
    <p class="dialog-text" *ngFor="let line of text">{{ line }}</p>
  </mat-dialog-content>
  <mat-dialog-actions align="end">
    <button
      class="confirm-button"
      mat-button
      (click)="cancel()"
      aria-label="Cancel"
    >
      {{ cancelText }}
    </button>
    <button
      mat-button
      class="confirm-button"
      mat-raised-button
      (click)="confirm()"
      aria-label="Confirm"
    >
      {{ confirmText }}
    </button>
  </mat-dialog-actions>
</div>

</mat-dialog-content>