{% set items = items %}

<div class="Lista-expansivel" x-data="{ activeIndex: 0 }">
	{% for item in items %}
		<div class="lista-expansivel-box" x-data="{ index: {{ loop.index0 }} }">
			<div class="lista-expansivel-header" @click="activeIndex = (activeIndex === index ? null : index)">
				<div class="Title _xs">{{ item.title }}</div>
				<i class="lista-expansivel-toggle-icon" :class="activeIndex === index ? 'icon-minus' : 'icon-plus'"></i>
			</div>
			<div class="lista-expansivel-body" :class="activeIndex === index ? '_opened' : ''" x-ref="texto" x-bind:style="activeIndex === index ? 'max-height: ' + $refs.texto.scrollHeight + 'px' : ''">
				{{ item.resposta | wpautop }}
			</div>
		</div>
	{% endfor %}
</div>