<nav class="navbar">
  <LinkStatus @status={{this.currentCluster.cluster.hcpLinkStatus}} />

  <div class="navbar-actions">
    <div class="navbar-brand" data-test-navheader-home>
      {{yield (hash home=(component "nav-header/home"))}}
    </div>

    {{#unless this.navDrawerOpen}}
      <button type="button" class="navbar-drawer-toggle is-hidden-tablet" {{action "toggleNavDrawer"}}>
        <Icon @name="more-vertical" />
        Menu
      </button>
    {{/unless}}

    {{#unless this.hideLinks}}
      <div class="navbar-drawer{{if this.navDrawerOpen ' is-active'}}">
        <div class="navbar-drawer-scroll">
          <div data-test-navheader-main>
            {{yield (hash main=(component "nav-header/main") closeDrawer=(action "toggleNavDrawer" false))}}
          </div>
          <div class="navbar-end" data-test-navheader-items>
            {{yield (hash items=(component "nav-header/items") closeDrawer=(action "toggleNavDrawer" false))}}
          </div>
        </div>

        {{#if this.navDrawerOpen}}
          <button class="navbar-drawer-toggle is-hidden-tablet" type="button" {{action "toggleNavDrawer" false}}>
            <Icon @name="x" />
          </button>
        {{/if}}
      </div>
    {{/unless}}

    <div
      class="navbar-drawer-overlay{{if this.navDrawerOpen ' is-active'}}"
      role="button"
      onclick={{action "toggleNavDrawer" (not this.navDrawerOpen)}}
    ></div>
  </div>
</nav>
<Console::UiPanel @isFullscreen={{this.consoleFullscreen}} />