{% macro tnaTabs(params) %}
{%- set containerClasses = [params.classes] if params.classes else [] -%}
{%- if params.small -%}
  {%- set containerClasses = containerClasses + ['tna-tabs--small'] -%}
{%- endif -%}
<div class="tna-tabs {{ ' '.join(containerClasses) }}" data-module="tna-tabs"{% if params.activeTabOnLoad %} data-active-tab-on-load="{{ params.activeTabOnLoad }}"{% endif %}{% if params.allowClose %} data-allow-close="true"{% endif %}{%- if params.attributes %}{% for attribute, value in params.attributes.items() %} {{ attribute }}{% if value != '' %}="{{ value }}"{% endif %}{% endfor %}{% endif %}>
  <h{{ params.itemHeadingLevel }} class="tna-tabs__list-heading tna-heading-m">{{ params.tabsTitle or 'Contents' }}</h{{ params.itemHeadingLevel }}>
  <ul class="tna-tabs__list" role="tablist">
  {% for item in params['items'] %}
    <li class="tna-tabs__button-wrapper" role="presentation">
      <a href="#{{ item.id }}" class="tna-tabs__button{% if item.classes %} {{ item.classes }}{% endif %}" id="{{ item.id }}-tab" aria-controls="{{ item.id }}" role="tab"{% if item.ariaLabel %} aria-label="{{ item.ariaLabel }}"{% endif %} {%- if item.attributes %}{% for attribute, value in item.attributes.items() %} {{ attribute }}{% if value != '' %}="{{ value }}"{% endif %}{% endfor %}{% endif %}>
        <span class="tna-tabs__button-inner">
            {{ item.tabTitle or item.title }}
        </span>
      </a>
    </li>
  {% endfor %}
  </ul>
  <div class="tna-tabs__items">
  {% for item in params['items'] %}
    <section id="{{ item.id }}" class="tna-tabs__item">
      <h{{ params.itemHeadingLevel }} class="tna-tabs__heading tna-heading-m">
        {{ item.title }}
      </h{{ params.itemHeadingLevel }}>
      {{ item.body | safe }}
    </section>
  {% endfor %}
  </div>
</div>
{% endmacro %}