@props(['title','targetId' => 'default-pending-accordion-id'])

<div class="accordion mt-2" id="">
    <div class="accordion-item">
        <div class="accordion-header d-flex">
            <div class="form-check pt-2 me-2">
                <input class="form-check-input" type="checkbox" value="" id="" />
            </div>
            <button class="accordion-button collapsed fs-18 py-2 text-primary" type="button"
                data-bs-toggle="collapse" data-bs-target="#{{ $targetId }}" aria-expanded="false"
                aria-controls="{{ $targetId }}">
                {{ $title }}
            </button>
        </div>
        <div id="{{ $targetId }}" class="accordion-collapse collapse mt-2">
            <div class="accordion-body p-0">

                {{ $slot }}
            
            </div>
        </div>
    </div>
</div>


{{-- @props(['title'])

<div class="container-fluid p-0 pt-3">
    <div class="row">
        <div class="col-md-12 d-flex">
            <input type="checkbox" class="form-check-input content-area-show-hide-checkbox me-2">
            <h6 class="text-primary mt-1 me-3"> {{ $title }} </h6>
        </div>
    </div>
    <div class="title-company-section border border-1 p-3" id="" style="display: none;">
       
            {{ $slot }}
    </div>
</div> --}}