<header>
  <div class="container">
    <a routerLink="/"
      ><img src="../../../../assets/images/Trademark.png" alt="Logo do FitLife"
    /></a>
    <nav>
      <ul>
        <li *ngFor="let link of links">
          <app-button
            (onClick)="redirectUser(link.redirectTo)"
            [type]="link.buttonType"
            >{{ link.label }}</app-button
          >
        </li>
      </ul>
    </nav>

    <div class="mob-wrapper">
      <button (click)="handleMobileMenu()" id="openNav">
        <app-icon name="menu" [size]="24"></app-icon>
      </button>
    </div>
  </div>
</header>

<app-nav-mobile [(isVisible)]="isMobileMenuVisible"></app-nav-mobile>
