<ion-buttons slot="start">
  <ion-menu-button (click)="onMenuClicked()" *ngIf="enableMenu"></ion-menu-button>
  <!-- 
  <ion-back-button *ngIf="enableBack"  (click)="backButtonClicked($event)" ></ion-back-button>
  
  -->


  <!-- 
   this is temporarly button should be deleted later when iconic route get stable
-->


  <ion-button style="background: transparent;" *ngIf="enableBack" (click)="backButtonClicked($event)">
    <ng-container *ngIf="direction">
      <ion-icon slot="icon-only" [name]=" direction == 'ltr' ? 'arrow-back': 'arrow-forward' "></ion-icon>
    </ng-container>
    <!-- 
            <p  *ngIf="isIOS" class="slideInRight">{{'general,back'|translate}}</p>
          -->
  </ion-button>



</ion-buttons>




<!--


  
<ion-buttons slot="start" class="float-left">
  <ion-menu-button (click)="onMenuClicked()" *ngIf="enableMenu"></ion-menu-button> 
  
   
<ion-button *ngIf="enableBack" (click)="backButtonClicked($event)"  > 
  <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
  <p  *ngIf="isIOS" class="slideInRight">{{'general,back'|translate}}</p>
</ion-button>



</ion-buttons>


-->