template.hbs

<header class='docs-border-b docs-shadow-sm'>
  <div class='docs-flex docs-items-center docs-max-w-3xl docs-mx-auto'>
    {{#docs-header/link 'index'}}
      <div class="docs-text-center docs-text-xs">
        {{#if logo}}
          <div class='docs-h-4 docs-pb-1'>
            {{docs-logo logo=logo}}
          </div>
        {{/if}}
        <span class='docs-font-medium docs-normal-case docs-block docs--mt-2px'>{{name}}</span>
      </div>
    {{/docs-header/link}}

    <div class='docs-flex-1 docs-flex docs-items-center docs-overflow-auto docs-overflow-momentum docs-mask-image md:docs-no-mask-image'>
      {{#docs-header/link 'docs'}}
        Documentation
      {{/docs-header/link}}

      {{#if (gt project.modules.length 0)}}
        {{#docs-header/link 'api'}}
          API Reference
        {{/docs-header/link}}
      {{/if}}

      {{yield (hash
        link=(component 'docs-header/link')
      )}}

      {{docs-header/search-box query=query on-input=(action (mut query))}}

      {{#docs-header/link on-click=(action (toggle 'isShowingVersionSelector' this)) data-test-id='current-version'}}
        <span data-version-selector class='docs-flex docs-items-center'>

          {{#if (or (eq currentVersion.key latestVersionName))}}
            {{#if currentVersion.tag}}
              {{currentVersion.tag}}
            {{else}}
              Latest
            {{/if}}
          {{else}}
            {{currentVersion.name}}
          {{/if}}

          {{svg-jar 'caret' height=12 width=12}}
        </span>
      {{/docs-header/link}}

      {{#if projectHref}}
        {{#docs-header/link href=projectHref}}
          <span class='docs-flex'>
            {{svg-jar 'github' width=24 height=24}}
          </span>
        {{/docs-header/link}}
      {{/if}}

      {{!-- Something to take up space on mobile, so the scrolling nav isn't hugging the edge --}}
      <div class='docs-h-px docs-px-3 md:docs-hidden'></div>
    </div>
  </div>
</header>

{{#if query}}
  {{docs-header/search-results query=query on-visit=(action 'didVisitPage')}}
{{/if}}

{{#if isShowingVersionSelector}}
  {{docs-header/version-selector on-close=(action (mut isShowingVersionSelector false))}}
{{/if}}