<mat-card>
  <h2>Candidate Details</h2>

  <p class="field-display">
    <label>Email</label>
    {{userData.emailId}}
  </p>

  <p class="field-display">
    <label>Phone</label>
    {{userData.pgUserInfoMstr.mobileNo}}
  </p>

  <p class="field-display" *ngIf="userData.governmentId">
    <label>Government ID</label>
    {{userData.governmentId}}
  </p>
  <!-- TODO: move show more candidate info into this component  -->
  <!-- <span class="viewMore cursorPointer padd_0" (click)="showCandidateInfo()">
    <h4>View More</h4>
  </span> -->
</mat-card>
