@props(['title', 'target' => '', 'show' => true])
<div class="card">
    <div class="card-header tw:bg-slate-500" id="heading_{{ $target }}">
        <h5 class="mb-0">
            <button type="button" class="btn btn-link tw:text-gray-300" data-bs-toggle="collapse"
                href="#collapse_{{ $target }}" aria-expanded="true" aria-controls="collapse_{{ $target }}">
                {{ $title }}
            </button>
        </h5>
    </div>

    <div id="collapse_{{ $target }}" class="collapse {{ $show ? 'show' : '' }}"
        aria-labelledby="heading_{{ $target }}" data-parent="#accordion">
        <div class="card-body">
            {{ $slot }}
        </div>
    </div>
</div>