{%
  set classes = [
    'paragraph',
    'paragraph--type--' ~ paragraph.bundle|clean_class,
    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
    not paragraph.isPublished() ? 'paragraph--unpublished',
    'accordion-pane'
  ]
%}
{% block paragraph %}
  <div{{ attributes.addClass(classes) }}>
    {% block content %}
      <div class="accordion-pane__title">
        <{{ heading_level }}>
          <span class="accordion-pane__heading">{{ heading_text }}</span>
          <button aria-expanded="false" hidden>
            {{ heading_text }}
            {% include 'localgov_base:icon' with {
                theme: 'localgov_base_france',
                icon_path: 'assets/icons/remix/Arrows',
                icon_name: 'arrow-down-s-line',
              }
            %}
          </button>
        </{{ heading_level }}>
      </div>
      <div class="accordion-pane__content">
        {{ content.localgov_body_text }}
      </div>
    {% endblock %}
  </div>
{% endblock paragraph %}
