<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>

  <a routerLink="/mi-cuenta/datos-personales" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-account">
    Mi cuenta
  </a>
  <a routerLink="/mi-cuenta/compras" class="user-dropdown__item" role="menuitem" data-testid="user-dropdown-purchases">
    Mis compras
  </a>
  <button
    type="button"
    class="user-dropdown__item"
    role="menuitem"
    data-testid="user-dropdown-logout"
    (click)="logoutClick.emit()"
  >
    Cerrar sesion
  </button>
</section>
