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

<div class="relative bg-white rounded-2xl shadow-2xl max-w-xl w-full overflow-hidden">
    <div class="px-6 py-5 border-b border-slate-100 bg-gradient-to-b from-slate-50 to-white">
        <h3 class="text-lg font-semibold text-slate-800">{{ $title }}</h3>
        @if($subtitle)
            <p class="text-sm text-slate-500 mt-1">{{ $subtitle }}</p>
        @endif
    </div>
    <div class="p-6">
        {{ $slot }}
    </div>
</div>