@props(['itemId' => md5(microtime(true)), 'header' => 'Accordion', 'content' => null])
@aware(['id' => md5(microtime(true))])
<div class="accordion-item">
    <h2 class="accordion-header">
        <button type="button" data-coreui-toggle="collapse" data-coreui-target="#{{ $itemId }}"
                @if(!is_string($header)) {{ $header->attributes->merge(['class' => 'accordion-button collapsed']) }}
                @else class="accordion-button collapsed" @endif
                aria-expanded="false" aria-controls="{{ $itemId }}">
            {{ $header }}
        </button>
    </h2>
    <div id="{{ $itemId }}" class="accordion-collapse collapse" data-coreui-parent="#{{ $id }}">
        <div class="accordion-body">
            {{ $content ?? $slot }}
        </div>
    </div>
</div>