@props([
    'parentId' => '',
])

@php
    $id = uniqid();

    if(!$parentId) {
        $parentId = 'id' . $id;
    }
@endphp


<div class="accordion accordion-flush mt-2" id="{{ $parentId }}">
    <div class="accordion-item  mb-2">
        <h2 class="accordion-header">
            <button class="accordion-button collapsed d-flex flex-row-reverse text-justify rounded-pill text-right" type="button" data-bs-toggle="collapse" data-bs-target="#flush-accordion-{{ $id }}" aria-expanded="false" >
                <span class="flex-fill">{!! $title !!}</span>
            </button>
        </h2>
        <div id="flush-accordion-{{ $id }}" class="accordion-collapse collapse" data-bs-parent="#{{ $parentId }}">
            <div class="accordion-body text-justify text-secondary">
                {!! $slot !!}
            </div>
        </div>
    </div>
</div>