{# NOTE: This file is for Storybook display purposes only. #}

<div{{ attributes.addClass(['layout', 'layout--accordion']) }}>
  <div class="layout__content">
    {% if paragraph_layout_header %}
      {% set header = paragraph_layout_header|split('|') %}

      <details class="layout__details">
        <summary class="layout__summary">
          {% for text in header %}
            <span>{{ text }}</span>
          {% endfor %}
        </summary>
    {% endif %}

    <div class="layout__regions">
      <div class="layout__region layout__region--first">
        <div class="layout__region-item">{{ paragraph_layout_region_first }}</div>
      </div>
    </div>

    {% if paragraph_layout_header %}
      </details>
    {% endif %}
  </div>
</div>
