<nav class="eds-c-navigation {{#if trayDropdown}}eds-c-navigation--tray-dropdown{{else}}eds-c-navigation--fixed-width-dropdown{{/if}}" aria-label="{{navigationAriaLabel}}"
	 data-eds-c-navigation>
	<ul class="eds-c-navigation__desktop-menu">
		{{#each navigationItems as |item|}}
			<li class="eds-c-navigation__menu-item">
				<a href="{{#unless item.noDropdown}}#{{/unless}}{{triggerUrl}}" class="eds-c-navigation__menu-link{{#if item.active}} eds-c-navigation__menu-link--active{{/if}}"{{#unless item.noDropdown}} data-eds-c-navigation-expander{{/unless}}
					{{#each
						dataAttributes as |dataAttribute|}} data-{{dataAttribute.name}}="{{dataAttribute.value}}"
					{{/each}}>
					{{triggerText}}
					{{#unless item.noDropdown}}
						<svg class="eds-c-navigation__icon" aria-hidden="true" focusable="false">
							<use xlink:href="{{../iconPath}}"></use>
						</svg>
					{{/unless}}
				</a>
			</li>
		{{/each}}
	</ul>
	<ul class="eds-c-navigation__mobile-menu">
		{{#each navigationItems as |item|}}
			<li {{#if item.noDropdown}}class="eds-c-navigation__no-dropdown"{{/if}}>
				{{#if item.noDropdown}}
					<a href="{{triggerUrl}}"
						{{#each dataAttributes as |dataAttribute|}} 
							data-{{dataAttribute.name}}="{{dataAttribute.value}}"
						{{/each}}>
						{{triggerText}}
					</a>
				{{else}}
					{{#with item.mobileAccordion}}
						{{> eds-c-accordion}}
					{{/with}}
				{{/if}}
			</li>
		{{/each}}
	</ul>
</nav>