<div class="c-tabs">
  <ul class="c-tabs__list" role="tablist">
    {{#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}}"
          data-tab-id="{{key}}">{{obj.label}}</a>
      </li>
    {{/each}}
  </ul>
  <div class="c-tabs__panels">
    {{#each tabs as |obj key|}}
      <section class="c-tabs__panel" role="tabpanel"
        id="c-tabs-{{../id}}__panel--{{key}}"
        aria-labeledby="c-tabs-{{../id}}__tab--{{key}}"
        tabindex="-1"
        data-panel-id="{{key}}">{{{obj.body}}}</section>
    {{/each}}
  </div>
</div>
