@props([
    'title',
    'subtitle' => null,
])
<div {{ $attributes->merge(['class' => 'min-w-0 rounded-2xl border border-slate-200/80 bg-white p-5 shadow-sm']) }}>
    <div class="mb-4 flex flex-wrap items-start justify-between gap-2">
        <div>
            <h3 class="text-base font-semibold text-slate-900">{{ $title }}</h3>
            @if($subtitle)
                <p class="mt-1 text-sm text-slate-500">{{ $subtitle }}</p>
            @endif
        </div>
        @isset($actions)
            <div class="flex flex-wrap items-center gap-2">{{ $actions }}</div>
        @endisset
    </div>
    {{ $slot }}
</div>