<section class="user-dropdown" role="menu" aria-label="Menu de usuario">
  <div class="user-dropdown__profile">
    <span class="user-dropdown__name">{{ displayName() }}</span>
  </div>

  <div class="user-dropdown__divider"></div>

  @for (menu of accountNavigationMenus(); track menu.code) {
    <a
      [routerLink]="menu.route"
      class="user-dropdown__item"
      role="menuitem"
      [attr.data-testid]="'user-dropdown-' + menu.code"
    >
      {{ menu.label }}
    </a>
  }
  <button
    type="button"
    class="user-dropdown__item"
    role="menuitem"
    data-testid="user-dropdown-logout"
    (click)="logoutClick.emit()"
  >
    Cerrar sesion
  </button>
</section>
