<div class="tab-page">
  <router-outlet></router-outlet>
  <nav class="tabs">
    <ul>
      <li routerLinkActive="active" *ngIf="showCurrentTab">
        <a routerLink="current" appA11yTitle="{{ 'currentTab' | i18n }}">
          <i class="bwi bwi-folder-closed-f bwi-2x" aria-hidden="true"></i>{{ "tab" | i18n }}
        </a>
      </li>
      <li routerLinkActive="active">
        <a routerLink="vault" appA11yTitle="{{ 'myVault' | i18n }}">
          <i class="bwi bwi-lock-f bwi-2x" aria-hidden="true"></i>{{ "myVault" | i18n }}
        </a>
      </li>
      <li routerLinkActive="active">
        <a routerLink="send" appA11yTitle="{{ 'send' | i18n }}">
          <i class="bwi bwi-send-f bwi-2x" aria-hidden="true"></i>{{ "send" | i18n }}
        </a>
      </li>
      <li routerLinkActive="active">
        <a routerLink="generator" appA11yTitle="{{ 'passGen' | i18n }}">
          <i class="bwi bwi-generate-f bwi-2x" aria-hidden="true"></i>{{ "generator" | i18n }}
        </a>
      </li>
      <li routerLinkActive="active">
        <a routerLink="settings" appA11yTitle="{{ 'settings' | i18n }}">
          <i class="bwi bwi-cog-f bwi-2x" aria-hidden="true"></i>{{ "settings" | i18n }}
        </a>
      </li>
    </ul>
  </nav>
</div>
