{% if isTabbing is not defined %}
{% set isTabbing = true %}
{% endif %}
<div class="nav-tabs-container d-flex justify-content-center">
<ul class="nav nav-tabs scrolling-area js-center-active-tab {{ styleModifierTabs|default('') }}"
{% if isTabbing %}
role="tablist"
{% endif %}>
{% for tab in items %}
<li class="nav-item js-center-active-tab__tab">
<a class="nav-link text-uppercase {{ tab.isActive ? 'active': '' }}"
href="{{ tab.href }}"
{% if tab.id %}
id="{{ tab.id }}"
{% endif %}
{% if isTabbing %}
data-toggle="tab"
role="tab"
aria-controls="home"
data-height="false"
aria-selected="{{ tab.isActive ? 'true': 'false' }}"
{% endif %}>
{{ tab.text }}
</a>
</li>
{% endfor %}
</ul>
</div>