<header class="eds-c-header-new" {{#if variantDataAttribute}}{{variantDataAttribute}}{{else}}data-eds-c-header-new{{/if}}>
    <div class="eds-c-header-new__container" data-eds-c-header-new-expander-anchor>
        <div class="eds-c-header-new__brand">
            {{#with logo}}
                {{#if link}}
                    <a href="{{link}}" 
                       {{#if logo.dataTest}} data-test="{{logo.dataTest}}"{{/if}}
                       {{#each dataAttributes as |dataAttribute|}} 
                           data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                       {{/each}}>
                        <picture>
                            <source media="(max-width: 1219px)" srcset="{{srcSmall}}">
                            <source media="(min-width: 1220px)" srcset="{{srcLarge}}">
                            <img src="{{srcLarge}}" alt="{{alt}}">
                        </picture>
                    </a>
                {{else}}
                    <picture>
                        <source media="(max-width: 480px)" srcset="{{srcSmall}}">
                        <source media="(max-width: 1200px)" srcset="{{srcLarge}}">
                        <img src="{{srcLarge}}" alt="{{alt}}">
                    </picture>
                {{/if}}
            {{/with}}
        </div>

        {{#with headerNavigation}}
            {{#if navigationMain}}
                <div class="eds-c-header-new__main-nav-container eds-c-header-new__item--divider">
                    {{#with navigationMain}}
                        {{> eds-c-navigation}}
                    {{/with}}
                </div>
            {{/if}}
            {{#if navigationActionItems}}
                <div class="eds-c-header-new__action-items-panel">
                    {{#each navigationActionItems}}
                        <div class="eds-c-header-new__action-items{{#if cssClass}} {{cssClass}}{{/if}}">
                            <a href="{{#if url}}{{url}}{{else}}#{{id}}{{/if}}" class="eds-c-header-new__link"
                            {{#each dataAttributes as |dataAttribute|}} 
                                data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                            {{/each}} data-eds-c-header-new-expander data-eds-c-header-new-js="#{{id}}">
                                {{#if cartCount}}
                                    <span class="eds-c-header-new__action-items__cart-count" aria-hidden="true">{{cartCount}}</span>
                                {{/if}}
                                <span {{#if hasNotification}}class="eds-c-header-new__action-items--has-notification"{{/if}}>
                                    <svg class="eds-c-header-new__icon" width="24" height="24" aria-hidden="true" focusable="false">
                                        <use xlink:href="{{iconUrl}}"></use>
                                    </svg>
                                </span>
                                <span 
                                    {{#if hasNotification}} aria-label="{{text}}, {{hasNotificationAriaLabel}}"{{/if}}
                                    {{#if cartCount}} aria-label="{{cartCountAriaLabel}}"{{/if}}>
                                    {{text}}
                                </span>
                            </a>
                        </div>
                    {{/each}}
                </div>
            {{/if}}
            {{#if navigationMain}}
                <div class="eds-c-header-new__mobile-menu">
                    <a href="#eds-c-header-new__mobile-menu" class="eds-c-header-new__link" data-eds-c-header-new-js="#eds-c-header-new__mobile-menu" data-eds-c-header-new-expander>
                        <svg class="eds-c-header-new__icon" width="24" height="24" aria-hidden="true" focusable="false">
                            <use xlink:href="{{iconMenu}}"></use>
                        </svg>
                        <span>{{navigationText}}</span>
                    </a>
                </div>
            {{/if}}
        {{/with}}
    </div>
</header>
