<ul class="c-tabs__list c-tabs__list--{{theme}}" role="tablist" aria-controls="js-tabs-{{id}}">
  {{#each tabs as |obj key|}}
    <li class="c-tabs__item" role="presentation">
      <a class="c-tabs__link" role="tab"
        id="c-tabs-{{../id}}__tab--{{key}}"
        href="#c-tabs-{{../id}}__panel--{{key}}">{{obj.label}}</a>
    </li>
  {{/each}}
  <li class="c-tabs__spacer"></li>
</ul>
<div class="c-tabs__panels c-tabs__panels--{{theme}}" id="js-tabs-{{id}}">
  {{#each tabs as |obj key|}}
    <section class="c-tabs__panel" role="tabpanel"
      id="c-tabs-{{../id}}__panel--{{key}}"
      aria-labelledby="c-tabs-{{../id}}__tab--{{key}}"
      tabindex="-1">{{{obj.body}}}</section>
  {{/each}}
</div>
