<div class="d-flex">
  <h2 mat-dialog-title class="dialog-title">
    {{ data.name }}
    <i-feather name="edit" *hasClaim="'page_helper_edit'" class="cursor-pointer text-primary medium-icon"
      (click)="editPageHelper()"></i-feather>
  </h2>
  <button mat-icon-button class="ms-auto" (click)="onCancel()">
    <mat-icon class="close-icon" color="warn">close</mat-icon>
  </button>
</div>
<mat-dialog-content>
  <div class="row">
    <div class="col-sm-12">
      <div class="card-body">
        <div class="row">
          <div class="NgxEditor__Wrapper">
            <ngx-editor placeholder="{{'TYPE_HERE' | translate}}" [editor]="editor" [disabled]="true" [(ngModel)]="data.description">
            </ngx-editor>
          </div>
        </div>
      </div>
    </div>
  </div>
</mat-dialog-content>