<nav
  style={{{if selectedWidth (concat
      '--selected-width:' selectedWidth ';'
      '--selected-left:' selectedLeft ';'
      '--selected-height:' selectedHeight ';'
      '--selected-top:' selectedTop
    )
    undefined
  }}}
  aria-label="Secondary"
  class={{concat 'tab-nav' (if isAnimatable ' animatable' '')}}
  id={{guid}}
  ...attributes
  >
  <ul>
{{#each items as |item|}}
<li
  data-test-tab={{concat name '_' (if item.label (slugify item.label) (slugify item))}}
  class={{if (or item.selected (eq selected (if item.label (slugify item.label) (slugify item)))) 'selected'}}
  >
{{#if item.href }}
        <a href={{item.href}}>{{item.label}}</a>
{{else}}
      <label role="tab" onkeydown={{action 'keydown'}} tabindex="0" aria-controls="radiogroup_{{name}}_{{if item.label (slugify item.label) (slugify item)}}_panel" for="radiogroup_{{name}}_{{if item.label (slugify item.label) (slugify item)}}" data-test-radiobutton="{{name}}_{{if item.label (slugify item.label) (slugify item)}}">
        <a>{{item}}</a>
      </label>
{{/if}}
    </li>
{{/each}}
  </ul>
</nav>