<header class="o-header  @if(isset($headerOnDark) && $headerOnDark) o-header--on-dark @endif  @if(isset($headerPullUp) && $headerPullUp) o-header--pull-up @endif">

    <div class="o-header__main">

        <a class="o-header__logo" href="{{ $links->home->route ?? '/' }}" tabindex="-1">
            <img class="o-header__img" alt="Logo {{ config('site.company_name') }}" src="{{ isset($headerOnDark) && $headerOnDark ? '/img/logo_white.svg' : '/img/logo.svg' }}">
        </a>

        @if(isset($links))
            <div class="o-header__nav">
                @include('components.navigation')
            </div>
        @endif

        <div class="o-header__toggle">
            <button class="c-hamburger  js-overlay-menu-trigger" aria-expanded="false" aria-controls="overlay-menu" @if(!empty($isSticky)) tabindex="-1" @endif>
                <span></span>
            </button>
        </div>

    </div>
</header>