@inject('navigation', 'Core\Contracts\Navigation')

@include('portal::partials.a11y-bar')

<header class="site-header">
    <div class="site-header__inner">
        <a class="site-header__brand" href="{{ localized_url('/') }}">
            <x-ui::icon name="landmark" class="site-header__brand-icon" />
            <span class="site-header__brand-name">{{ config('app.name') }}</span>
        </a>

        <nav id="main-menu" class="site-nav" aria-label="{{ __('layout::shell.main_menu') }}">
            <ul class="site-nav__list" role="list">
                @include('portal::partials.nav-items', [
                    'items' => $navigation->tree('principal'),
                ])
            </ul>
        </nav>
    </div>
</header>