<!--kendo-dialog *ngIf="opened" (close)="onDialogClose()">
  <kendo-dialog-titlebar style="background-color: rgb(34, 34, 61); color: white">
    <div style="font-size: 18px; line-height: 1.3em; color: white">
      <span class="k-icon k-i-question"></span> {{title}}
    </div>
  </kendo-dialog-titlebar>
  <p style="margin: 30px; text-align: center; max-width: 450px;">
    {{message}}
  </p>

  <kendo-dialog-actions [layout]="actionsLayout">
    <button kendoButton (click)="onDialogClose()">{{textButtonCancel}}</button>
    <button kendoButton (click)="onDeleteData()" themeColor="primary">
      {{textButtonConfirmation}}
    </button>
  </kendo-dialog-actions>
</kendo-dialog-->

<kendo-dialog *ngIf="opened" (close)="onDialogClose()">
  <kendo-dialog-titlebar
    style="background-color: rgb(34, 34, 61); color: white"
  >
    <div
      class="justify-content-center"
      style="font-size: 18px; line-height: 1.3em; color: white"
    >
      <span class="k-icon k-i-user d-inline"></span>
      <h5 class="d-inline ms-2">{{title}}</h5>
    </div>
  </kendo-dialog-titlebar>
  <div style="text-align: center;">
    <span>{{detailMessage}}</span>
    <h5>{{message}}</h5>
    <kendo-dialog-actions class="mt-5" [layout]="actionsLayout">
      <button kendoButton (click)="onDialogClose()">{{textButtonCancel}}</button>
      <button kendoButton (click)="onDeleteData()" themeColor="primary">
        {{textButtonConfirmation}}
      </button>
    </kendo-dialog-actions>
  </div>
</kendo-dialog>

