next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/dialogs/confirm.dialog.component.html

<mat-card class="confirm-card mat-elevation-z">
  <mat-card-header
    cdkDrag
    cdkDragRootElement=".cdk-overlay-pane"
    cdkDragHandle
    class="card-header"
  >
    <mat-card-title>{{ data.title }}</mat-card-title>
    <!-- <mat-card-subtitle>Confirm</mat-card-subtitle> -->
  </mat-card-header>
  <mat-card-content>
    <div #messageContainer class="notice">
      {{ data.message }}
    </div>
  </mat-card-content>
  <mat-card-actions *ngIf="!hideAction" class="button-farm flex-row">
    <button
      mat-stroked-button
      (click)="onClickChoice(false)"
      class="mat-primary"
    >
      {{ 'common.messages.no' | translate }}
    </button>
    <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
      {{ 'common.messages.yes' | translate }}
    </button>
  </mat-card-actions>
</mat-card>