@props(['title' => null, 'description' => null])
<section {{ $attributes->merge(['class' => 'rounded-2xl border border-slate-200/80 bg-white shadow-sm shadow-slate-900/[0.03]']) }}>
    @if ($title || isset($actions))
        <header class="flex flex-wrap items-start justify-between gap-3 border-b border-slate-100 px-5 py-4 sm:px-6">
            <div class="min-w-0">
                @if ($title)<h2 class="font-semibold tracking-tight text-slate-900">{{ $title }}</h2>@endif
                @if ($description)<p class="mt-0.5 text-sm text-slate-500">{{ $description }}</p>@endif
            </div>
            {{ $actions ?? '' }}
        </header>
    @endif
    <div class="p-5 sm:p-6">{{ $slot }}</div>
</section>