<h2 mat-dialog-title style="text-align: center">{{ data.title }}</h2>
<mat-dialog-content>
  <div class="dialog-icon amber_primary_font">
    <mat-icon>{{ data.icon }}</mat-icon>
  </div>
  <div class="dialog-desc">{{ data.description }}</div>
  <div class="dialog-desc-2">{{ data.description2 }}</div>
  <mat-form-field class="w-100 mt-16" appearance="outline" *ngIf="data.showComments != undefined">
    <mat-label>Comentarios</mat-label>
    <textarea matInput placeholder="ingrese sus comentarios" [formControl]="commentsControl" (input)="commentsControl.markAsTouched()"></textarea>
    <mat-error *ngIf="commentsControl.hasError('required')">
      Este campo es obligatorio.
    </mat-error>
    <mat-error *ngIf="commentsControl.hasError('minlength')">
      Este campo debe contener al menos 15 caracteres.
    </mat-error>
  </mat-form-field>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button class="red_primary_font" cdkFocusInitial mat-dialog-close> {{ btnCancelar }} </button>
  <button mat-button class="orange_primary_font" [mat-dialog-close]="'rechazar'" *ngIf="data.btnRechazar">Rechazar</button>
  <button mat-button class="green_primary_font" [mat-dialog-close]="true" *ngIf="data.showComments == undefined"> {{ btnAceptar }} </button>
  <button mat-button class="green_primary_font" [mat-dialog-close]="commentsControl.value" *ngIf="data.showComments != undefined" [disabled]="commentsControl.invalid">
    Continuar
  </button>
</mat-dialog-actions>
