<div style="width: 800px">
  <h1 mat-dialog-title class="centre">Días - Earn As You Go</h1>
  <div mat-dialog-content>
    <mat-card class="card-normal mat-elevation-z2" id="card-personalizado">
      <div *ngIf="dataSource == null" class="data-empty">
        No aplica Earn As You Go para esta política
      </div>
      <table
        *ngIf="dataSource != null"
        mat-table
        [dataSource]="dataSource"
        class="centre animated fadeIn"
      >
        <ng-container matColumnDef="DIASEARNASYOUGO">
          <th mat-header-cell *matHeaderCellDef class="centre">Días</th>
          <td mat-cell *matCellDef="let element">
            {{ element.DIASEARNASYOUGO }}
          </td>
        </ng-container>
        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
      </table>
    </mat-card>
    <div class="centre">
      <button
        color="warn"
        mat-mini-fab
        class="mr-2"
        [mat-dialog-close]="false"
        matTooltip="Cerrar"
      >
        <mat-icon>close</mat-icon>
      </button>
    </div>
  </div>
</div>
