@props(['faqs' => [], 'wide' => false])
@if(!empty($faqs))
<div class="cms-faq {{ $wide ? 'cms-faq-wide' : '' }}">
  @foreach($faqs as $item)
    <details class="cms-faq-item cms-reveal cms-reveal-delay-{{ min($loop->index % 3 + 1, 3) }}">
      <summary>
        <span>{{ $item['q'] }}</span>
        <i data-lucide="plus" class="cms-faq-icon"></i>
      </summary>
      <p>{{ $item['a'] }}</p>
    </details>
  @endforeach
</div>
@endif