<div
  ngbDropdown
  #myDrop="ngbDropdown"
  (mouseenter)="onMouseEnter()"
  (mouseleave)="onMouseLeave()"
  class="d-inline-block"
>
  <button class="btn btn-outline-warning btn-warning nav-button" ngbDropdownToggle>{{ buttonLabel }}</button>
  <div ngbDropdownMenu class="dropdown-menu-pane">
    <a *ngFor="let item of items" ngbDropdownItem [routerLink]="item.route">
      {{ item.label }}
    </a>
  </div>
</div>
