<kendo-dialog *ngIf="opened" (close)="closeDialog()">
  <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; margin: 30px;">
    <h4>{{message}}</h4>
    <h6>{{information}}</h6>
    <p class="mt-3">
      <button
        kendoButton
        themeColor="primary"
        [style.width.px]="300"
        (click)="closeDialog()"
      >
        OK
      </button>
    </p>
  </div>
</kendo-dialog>
