@props([
    'question',
])

<details {{ $attributes->merge(['class' => 'rounded-2xl border border-slate-200 border-l-2 border-l-[#991b1b]/30 bg-white p-5']) }}>
    <summary class="-m-5 flex w-full cursor-pointer items-center gap-2 p-5 text-base font-semibold text-slate-900">
        {{ $question }}
    </summary>
    <div class="accordion-body">
        <p class="mt-3 text-sm text-slate-600">
            {{ $slot }}
        </p>
    </div>
</details>