<div class="text-center">
  <p
    class="m-24 m-t-16 m-b-0"
    translate
  >
    Scan this QR code with your smartphone using the authenticator application.
  </p>

  <div class="d-flex j-c-center">
    <qrcode
      [width]="180"
      *ngIf="totpSecret"
      [qrdata]="qrData"
      [errorCorrectionLevel]="'M'"
      [elementType]="'svg'"
    ></qrcode>
  </div>
  <p class="text-center text-muted">
    {{ secret }}
  </p>
</div>