<div class="overlay-header">
    {{#if profile.url}}
        <a href="{{profile.url}}" role="button" class="overlay-header__profile">{{{ profile.icon }}}</a>
    {{else}}
        <a href="#" role="button" class="overlay-header__profile js-profile-button">{{{ profile.icon }}}</a>
    {{/if}}
    <div class="overlay-header__nav">
        <ul>
            <li><a href="#" role="button" class="overlay-header__nav-link {{#if webAppMode}}overlay-header__nav-link--active{{else}}overlay-header__nav-link--single-active{{/if}} overlay-header__nav-link--feed js-nav-link" data-show-panel="feed">{{ linkOneText }}</a></li>
            {{#if webAppMode}}<li><a href="#" role="button" class="overlay-header__nav-link js-nav-link" data-show-panel="board">{{ linkTwoText }}</a></li>{{/if}}
        </ul>
    </div>
    <a href="{{ close.url }}" role="button" class="overlay-header__close js-close-button">{{{ close.icon }}}</a>
    {{#if home.url}}
        <a href="#" role="button" class="overlay-header__home js-home-url-link">{{{home.icon}}}</a>
        <div class="overlay-header__modal js-overlay-header-modal">
            <div class="overlay-header__modal-inner">
                <a href="#" class="overlay-header__close-modal js-close-overlay-header-modal">{{{warningModal.modalCloseIcon}}}</a>
                <div class="overlay-header__modal-header">
                    {{{warningModal.modalWarningIcon}}}
                    <h2>{{warningModal.modalHeading}}</h2>
                </div>
                <div class="overlay-header__buttons">
                    <button class="button-p2 button-p2--full-width js-close-overlay-header-modal">{{warningModal.modalStayButton}}</button>
                    <a href="{{home.url}}" class="button-p1 button-p1--full-width">{{warningModal.modalLeaveButton}}</a>
                </div>
            </div>
        </div>
    {{else}}
        <a href="#" role="button" class="overlay-header__home js-home-button">{{{home.icon}}}</a>
    {{/if}}
</div>