<div class="menu-page-layout">
  <aside class="menu-page-layout__sidebar">
    <h1 class="menu-page-layout__title">{{ menu()?.label }}</h1>
    <div class="menu-page-layout__divider"></div>

    <nav class="menu-page-layout__nav" [attr.aria-label]="navigationLabel">
      @for (submenu of submenues(); track submenu.code) {
        <a
          class="menu-page-layout__link"
          [routerLink]="submenu.route"
          routerLinkActive="menu-page-layout__link--active"
        >
          {{ submenu.label }}
        </a>
      }
    </nav>
  </aside>

  <main class="menu-page-layout__content">
    <router-outlet />
  </main>
</div>
