<div class="tabs-wrapper route-search {{#if hideTabSections}}route-search--hide-tab-sections{{/if}} {{#if hideTabButtons}}route-search--hide-tab-buttons{{/if}}" data-module="routeSearch">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell medium-10 medium-offset-1">
                <div class="tab__tabs">
                    <div data-module="tabs" class="tabs" {{#if hideTabSections}}data-ab-testing="true"{{/if}}>
                        {{#each tabs}}
                            {{#if text}}
                            <button class="button-tab js-button-tab {{#if icon}}button-tab--with-icon button-tab--{{icon}}{{/if}} {{#if active}}active{{/if}}" role="button" data-target="{{target}}"  {{#each dataAttributes}}data-{{name}}="{{value}}"{{/each}}>{{text}}</button>
                            {{/if}}
                        {{/each}}
                    </div>
                </div>
                {{#each routes}}
                {{> @cp-route-travel}}
                {{/each}}
            </div>
        </div>
    </div>
</div>