@props(['auditionName'])
<div {{ $attributes->class(['relative mb-7']) }} x-data="{ open: false}">

    <div x-on:click="open = ! open"
        class="sticky top-0 z-10 border border-gray-300 bg-gray-50 px-3 pb-1.5 text-sm font-semibold leading-6 text-gray-900 rounded-t-lg shadow">
        <h3>{{ $auditionName }}</h3>
        <p class="text-xs font-medium text-gray-500">Click to open</p>
    </div>

    <ul role="list" class="divide-y divide-gray-100" x-show="open">
        {{ $slot }}
    </ul>
</div>