<h2 mat-dialog-title style="margin: 0;"> Métodos de Pago </h2>
<mat-dialog-content class="remove-button-padding-dialog-content black_font">
  <mat-list>
    <div *ngFor="let paymentMethod of arrPaymentMethod; let i = index;">
      <mat-list-item >
        <mat-icon matListItemIcon style="color: #3f51b5;">radio_button_checked</mat-icon>
        <div matListItemTitle>{{ paymentMethod.DESCRIPCION }}</div>
      </mat-list-item>
      <mat-divider *ngIf=" i !== arrPaymentMethod.length - 1"></mat-divider>
    </div>
  </mat-list>

  <div class="align-center" *ngIf="arrPaymentMethod.length === 0">
    <h2>No hay métodos de pago registrados</h2>
    <object data="assets/img/empty_data.svg" width="150"></object>
  </div>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close cdkFocusInitial>Cerrar</button>
</mat-dialog-actions>
