{% import '@ibexadesign/ui/component/macros.html.twig' as html %}

{% set attr = attr|default({})|merge({
    class: (attr.class|default('')
            ~ ' ibexa-anchor-navigation-sections__section ibexa-anchor-navigation__section'
        )|trim,
    'data-id': '#' ~ section_id|lower|slug,
}) %}

<div {{ html.attributes(attr) }}>
    {% block content %}{% endblock %}
</div>