{% if items %}
    <ul class="menu menu--{{ modifier }}">
        {% for item in items %}
            <li class="menu__item {{ item.classes|join(' ') }} {{ item.children ? 'has_children' }}">
                {% if item.children %}
                    <button class="menu__link menu__item-button js-opens-side-menu" data-menu-item="{{ item._menu_item_object_id }}">{{ item.title }}</button>
                {% else %}
                    <a target="{{ item.target }}" href="{{ item.link }}" class="menu__link" data-menu-item="{{ item._menu_item_object_id }}">{{ item.title }}</a>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
{% endif %}
