{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

<ul class="bp-tabs bp-js-tabs {{classes}}">
  {% for item in data %}

    <li class="bp-tabs__item {{ 'is-active' if loop.first }}">
      <a class="bp-tabs__item-link" href="#{{item.target}}">{{item.text}}</a>
    </li>

  {% endfor %}
</ul>

{% endmacro %}