{namespace mask = MASK\Mask\ViewHelpers}
{namespace core = TYPO3\CMS\Core\ViewHelpers}

<ul class="nav nav-tabs t3js-tabs" role="tablist" id="tabs-DTM-mask" data-store-last-tab="1">
    <li role="presentation" class="t3js-tabmenu-item{f:if(condition: '{active} == \'WizardContent\'', then: ' active')}">
        <f:link.action action="list" controller="WizardContent" additionalParams="{aria-controls:'DTM-mask-1', role:'tab', data-toggle:'tab'}">
            <f:translate key="tx_mask.all.contentelements" />
        </f:link.action>
    </li>
    <li role="presentation" class="t3js-tabmenu-item{f:if(condition: '{active} == \'WizardPage\'', then: ' active')}">
        <f:link.action action="list" controller="WizardPage" additionalParams="{aria-controls:'DTM-mask-2', role:'tab', data-toggle:'tab'}">
            <f:translate key="tx_mask.all.pagetemplates" />
        </f:link.action>
    </li>
    <li role="presentation" class="t3js-tabmenu-item{f:if(condition: '{active} == \'Preview\'', then: ' active')}">
        <f:link.action action="list" controller="Export" additionalParams="{aria-controls:'DTM-mask-2', role:'tab', data-toggle:'tab'}">
            <f:translate key="tx_mask.all.export" extensionName="mask_export" />
        </f:link.action>
    </li>
    <li role="presentation" class="t3js-tabmenu-item">
        <mask:configureExtension>
            <core:icon identifier="actions-system-extension-configure" />
        </mask:configureExtension>
    </li>
</ul>