@props([
    'title' => null,
    'description' => null,
])

<section {{ $attributes->merge(['class' => 'panel']) }}>
    @if($title || $description || isset($header))
        <div class="panel-header">
            @isset($header)
                {{ $header }}
            @else
                <h2 class="text-base font-bold text-slate-950 dark:text-white">{{ $title }}</h2>
                @if($description)
                    <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ $description }}</p>
                @endif
            @endisset
        </div>
    @endif

    <div class="panel-body">
        {{ $slot }}
    </div>
</section>