<ion-header>
      <ion-toolbar  class="header-toolbar">
          <ion-buttons slot="start">
            <ion-back-button color="light" class="btnBack" ></ion-back-button>
          </ion-buttons>
          <ion-title color="light" > {{'login,verify-login' | translate}}</ion-title>
        </ion-toolbar>
  </ion-header>


  
  <ion-content padding>
    <ion-grid>
  
      <ion-row class="ion-justify-content-center">
        <ion-col [size]="4">
          <img [src]="logo" class="logo" />
        </ion-col>
      </ion-row>
       <ion-row class="description">
        <ion-col size="12">
          <!-- <type-writer *ngIf="onlySMSBox" [text]="'login,verify-login-with' | translate" class="description"
            color="primary" fontSize="0.55cm" lineHeight="1cm" fontSize="0.55cm"></type-writer>
   -->
   <div *ngIf="onlySMSBox"><p>{{ts.trPK('login','verify-login-with')}}</p></div>
          <!-- <type-writer *ngIf="!onlySMSBox" [text]="'login, verify-fingerprint' | translate" class="description"
            color="primary" fontSize="0.55cm" lineHeight="1cm" fontSize="0.55cm"></type-writer>
   -->
   <div *ngIf="!onlySMSBox"><p>{{ts.trPK('login','verify-fingerprint')}}</p></div>


        </ion-col>
      </ion-row> 
  
      <page-trailer [small]="true"></page-trailer>
  
      <ion-row [dir]="direction" class="zoomIn">
        <ng-container *ngFor="let buttonsGroup of buttons">
          <ion-col *ngFor="let button of buttonsGroup" [size]="6">
            <app-button (click)="confirm(button)" [title]="button.title | translate " [icon]="button.icon"
              [settings]="button.settings" [strong]="button.txt" [class]="button.class" [disabled]="button.disabled"
              *ngIf="button.visible">
            </app-button>
  
          </ion-col>
        </ng-container>
      </ion-row>
    </ion-grid>
  
  </ion-content>