<nav class="cs-main-menu" role="navigation" aria-label="Main navigation">
<ul class="cs-mmenu-items">
{% for item in _widget.items %}
{% if item.enabled is same as(true) %}
<li class="cs-mmenu-li cs-mmenu-dd-{{ item.flyout|default('none') }}{% if item.flyout is same as('basic') %} cs-mmenu-dd-{{ item.float|default('left') }}{% endif %}{% if item.flyout is not empty %} doubletap{% endif %}{% if item.class is not empty %} {{ item.class }}{% endif %}">
<div class="cs-mmenu-li-item">
<a class="cs-mmenu-li-item-link" href="{{ item.link|default('#') }}"{% if item.target|default(null) is not empty %} target="{{ item.target|default('_self') }}"{% endif %}{% if item.link|default('#') is same as('#') %} tabindex="-1"{% endif %} aria-expanded="false">
<span class="cs-mmenu-li-item-text">{{ item.text }}</span>
</a>
{% if item.flyout is not empty %}
<button class="cs-mmenu-li-caret" aria-expanded="false">
<span class="sr-only">Show sub menu for {{ item.text }}</span>
</button>
{% endif %}
</div>
{% if item.flyout is not empty %}
<div class="cs-mmenu-dd-container" role="region" aria-expanded="false" data-editor-region-inline>
{{ cms_widgetChildren(item) }}
</div>
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</nav>