<!-- 
  Copyright IBM Corp. 2016, 2018

  This source code is licensed under the Apache-2.0 license found in the
  LICENSE file in the root directory of this source tree.
-->

<header class="{{@root.prefix}}--header" role="banner" aria-label="IBM Platform Name" data-header>
  <a class="{{@root.prefix}}--skip-to-content" href="#main-content" tabindex="0">Skip to main content</a>
  <button class="{{@root.prefix}}--header__menu-trigger {{@root.prefix}}--header__action" aria-label="Open menu" title="Open menu"
    data-navigation-menu-panel-label-expand="Open menu" data-navigation-menu-panel-label-collapse="Close menu"
    data-navigation-menu-target="#navigation-menu-{{navigationMenu.idSuffix}}">
    {{carbon-icon 'Close20'
    class=(add @root.prefix '--navigation-menu-panel-collapse-icon')
    aria-hidden="true"}}
    {{carbon-icon 'Menu20'
    class=(add @root.prefix '--navigation-menu-panel-expand-icon')
    aria-hidden="true"}}
  </button>
  <a class="{{@root.prefix}}--header__name" href="javascript:void(0)" title="{{header.name}}">
    <span class="bx--header__name--prefix">
      {{header.company}}
      &nbsp;
    </span>
    {{header.platform}}
  </a>
  {{> header-nav }}
  <div class="{{@root.prefix}}--header__global">
    {{#each header.actions}}
    <button class="{{@root.prefix}}--header__menu-trigger {{@root.prefix}}--header__action" aria-label="{{this.title}}"
      title="{{this.title}}" data-navigation-menu-panel-label-expand="{{this.title}}"
      data-navigation-menu-panel-label-collapse="Close menu" data-product-switcher-target="#switcher-{{switcher.idSuffix}}">
      {{carbon-icon 'Fade20'
      class=(add @root.prefix '--navigation-menu-panel-expand-icon')
      aria-hidden="true"}}
      {{carbon-icon 'Close20'
      class=(add @root.prefix '--navigation-menu-panel-collapse-icon')
      aria-hidden="true"}}
    </button>
    {{/each}}
  </div>
</header>
