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

<div class="bp-subnav {{classes}}">
  <ul class="bp-subnav__list">
    {% for name, props in data.items %}

      <li class="bp-subnav__item {{ 'is-active' if data.activeStyleguide == name }}">
        <a class="bp-subnav__item-link" href="/{{data.type}}/{{props.name}}">
          {{name | capitalize}}
        </a>
      </li>

    {% endfor %}
  </ul>
</div>

{% endmacro %}