@props(['question', 'id', 'parent' => 'faqAccordion'])

<div class="accordion-item faq-item">
    <h3 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#{{ $id }}" aria-expanded="false" aria-controls="{{ $id }}">
            {{ $question }}
        </button>
    </h3>
    <div id="{{ $id }}" class="accordion-collapse collapse" data-bs-parent="#{{ $parent }}">
        <div class="accordion-body text-body-secondary">{{ $slot }}</div>
    </div>
</div>