<ion-content>
  <div class="heading-div">
    <p *ngIf="!gifStatus" class="heading-text">{{ "general, nfc-detect" | translate }}</p>
    <p *ngIf="gifStatus" class="heading-text">{{ "general, nfc-swipe-done" | translate }}</p>
  </div>

  <div *ngIf="!gifStatus" class="ripple-div">
    <img  src="../assets/imgs/rippleNFC.gif" />
    <p>{{ "general, nfc-detect-2" | translate }}</p>
    <ion-button (click)="closeModal();">{{ "general, nfc-cancel" | translate }}</ion-button>
  </div>

  <div *ngIf="gifStatus" class="checked-img">
    <img src="../assets/imgs/check.png" />
  </div>
</ion-content>