<div class="docfy-demo__snippets">
  <div class="docfy-demo__snippets__tabs">
    {{#each this.snippets as |snippet|}}
      <button
        type="button"
        class="docfy-demo__snippets__tabs__button {{
          if
          (docfy-eq this.active snippet.id)
          "docfy-demo__snippets__tabs__button--active"
        }}"
        {{on "click" (fn this.setActiveSnippet snippet.id)}}
      >
        {{snippet.name}}
      </button>
    {{/each}}
  </div>

  {{yield
    (component
      "docfy-demo/snippet"
      registerSnippet=this.registerSnippet
      active=this.active
    )
  }}
</div>