<div class="bde-table-of-contents__wrapper">
  <header class="bde-table-of-contents__header{{ design.header.accordion ? ' js-toc-accordion' : ''}}">
    {% if content.table.title %}
    <{{ content.table.title_tag|default('h3') }} class="bde-table-of-contents__title toc-ignore">{{ content.table.title }}</{{ content.table.title_tag|default('h3') }}>
    {% endif %}
     {% if design.header.accordion %}
    <div class="bde-table-of-contents__button">
      {% if design.header.icon.active_icon.svgCode %}
      <div class="bde-table-of-contents__icon bde-table-of-contents__icon--active">
          {{ design.header.icon.active_icon.svgCode }}
      </div>
      {% endif %}
      {% if design.header.icon.icon.svgCode %}
      <div class="bde-table-of-contents__icon bde-table-of-contents__icon--inactive">
          {{ design.header.icon.icon.svgCode }}
      </div>
      {% endif %}
    </div>
    {% endif %}
  </header>

  <div class="bde-table-of-contents__list">
    <nav id="bde-toc" class="toc js-breakdance-toc" aria-label="{{ content.table.title|default(esc_html__('Table of contents', 'breakdance-elements')) }}">{{ esc_html__('There are no headings in this document.', 'breakdance-elements') }}</nav>
  </div>
</div>

