<div class="navigation">
  <div class="navigation__logo-wrapper">
    <a class="navigation__logo-link" [routerLink]="['/']" aria-label="Till startsidan för FA Mina sidor">
      <digi-logo af-system-name="Mina sidor för fristående aktörer" af-color="secondary"></digi-logo>
    </a>
  </div>
  <ul class="navigation__list msfa__hide-on-print" *ngIf="user">
    <li class="navigation__item" *ngIf="myAccountVisible">
      <a routerLink="/mitt-konto" class="navigation__link">
        <msfa-icon [icon]="iconType.USER" size="l"></msfa-icon>
        <span class="navigation__text">{{ user.fullName }}</span>
      </a>
    </li>
    <li *ngIf="selectedOrganization && myOrganizationVisible" class="navigation__item navigation__item--without-link">
      <msfa-icon [icon]="iconType.BUILDING" size="l"></msfa-icon>
      <span class="navigation__text">{{ selectedOrganization.name }}</span>
    </li>
    <!-- <li class="navigation__item">
      <a routerLink="/" class="navigation__link">
        <msfa-icon [icon]="iconType.BELL" size="l"></msfa-icon>
        <span class="navigation__text">Notiser</span>
      </a>
    </li> -->
  </ul>
</div>
