{%- set containerClasses = [params.classes] if params.classes else [] -%}
{%- set classes = containerClasses | join(' ') -%}
<div class="tna-accordion{% if classes %} {{ classes }}{% endif %}" data-single-open-item="{{ params.singleOpenItem or 'false' }}" data-module="tna-accordion"{%- for attribute, value in params.attributes %} {{ attribute }}{% if value !== '' %}="{{ value }}"{% endif %}{% endfor %}>
  {%- if params.toggleAllButton.enabled %}
  <button class="tna-accordion__toggle-all" type="button" data-open-all-label="{{ params.toggleAllButton.openAllLabel or 'Show all sections' }}" data-close-all-label="{{ params.toggleAllButton.closeAllLabel or 'Hide all sections' }}" hidden></button>
  {%- endif %}
  {%- for item in params.items %}
  <div class="tna-accordion__item" data-isopen="{{ item.open or 'false' }}">
    <h{{ params.itemHeadingLevel }} class="tna-accordion__heading tna-heading-{{ params.itemHeadingSize or 's' }}">
      {{ item.title }}
    </h{{ params.itemHeadingLevel }}>
    <div class="tna-accordion__body" id="{{ params.id }}-content-{{ loop.index }}">
      {%- if item.text %}
        <p>{{ item.text }}</p>
      {%- else %}
        {{ item.body | safe }}
      {%- endif %}
    </div>
  </div>
  {%- endfor %}
</div>