<h1 mat-dialog-title>{{ data.title }}</h1>
<div mat-dialog-content style="width: 450px;">
  <p>{{ data.body }}</p>
  <mat-form-field style="width: 100%;" appearance="outline">
    <mat-label>Motivos</mat-label>
    <textarea matInput [formControl]="maintenanceMotives" [errorStateMatcher]="errorMatcher"></textarea>
    <mat-error *ngIf="maintenanceMotives.hasError('required')">
      Campo <strong>requerido</strong>.
    </mat-error>
    <mat-error *ngIf="maintenanceMotives.hasError('minlength')">
      El campo debe tener al menos <strong>8 caracteres</strong>.
    </mat-error>
  </mat-form-field>
</div>
<div mat-dialog-actions align="end">
  <button mat-button [disabled]="!maintenanceMotives.valid" [mat-dialog-close]="maintenanceMotives.value">Aceptar</button>
  <button mat-button [mat-dialog-close]="false" cdkFocusInitial>Cancelar</button>
</div>
