<nav [class.includeBackButton]="breakpoint() == showBackButtonAt()" [class.mobile]="breakpoint() == 'mobile'" [class.alignCenter]="dataAlignment() == 'center'">
  @if (breakpoint() == showBackButtonAt()) {
    <div>
      <button (click)="router.navigate([backButtonDest()])" tuiButton appearance="flat" iconStart="@tui.chevron-left">
        {{"back"|translate}}
      </button>
    </div>
  }
  @if (dataAlignment() == "center" && breakpoint() != showBackButtonAt()) {
    <div></div> <!-- filler to align data to center -->
  }
  <ng-content></ng-content>
</nav>
