{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}
{% block layout_header_top_bar %}
{% set firstItem = "header.firstItemLabel"|trans|sw_sanitize %}
{% set secondItem = "header.secondItemLabel"|trans|sw_sanitize %}
{% set thirdItem = "header.thirthItemLabel"|trans|sw_sanitize %}
{% set fourthItem = "header.fourthItemLabel"|trans|sw_sanitize %}
{% if firstItem != 'leer' and ( secondItem != 'leer' or thirdItem != 'leer' or fourthItem != 'leer') %}
{% set around = 'space-around' %}
{% endif %}
<div class="top-bar d-none d-lg-block">
<div class="topbar-items-container">
<ul class="top-bar-lists row {{ around }}">
{% if firstItem != 'leer' %}
<li class="top-bar-item">
<span class="topbar-content">
{{ firstItem }}
</span>
</li>
{% endif %}
{% if secondItem != 'leer' %}
<li class="top-bar-item">
<span class="topbar-content">
{{ secondItem }}
</span>
</li>
{% endif %}
{% if thirdItem != 'leer' %}
<li class="top-bar-item">
<span class="topbar-content">
{{ thirdItem }}
</span>
</li>
{% endif %}
{% if fourthItem != 'leer' %}
<li class="top-bar-item">
<span class="topbar-content">
{{ fourthItem }}
</span>
</li>
{% endif %}
</ul>
</div>
<nav class="top-bar-nav">
{% block layout_header_top_bar_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% endblock %}
{% block layout_header_top_bar_currency %}
{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{% endblock %}
{# @deprecated tag:v6.5.0 - will be removed, has been moved to footer #}
{% block layout_header_top_bar_service %}{% endblock %}
</nav>
</div>
{% endblock %}