@props([
    'title' => null,
    'subtitle' => null,
    'pad' => 'p-5',
])

<div {{ $attributes->merge(['class' => "rounded-2xl border border-slate-200 bg-white shadow-soft {$pad}"]) }}>
    @if($title || $subtitle)
        <div class="mb-4">
            @if($title)
                <div class="text-sm font-semibold text-slate-900">{{ $title }}</div>
            @endif
            @if($subtitle)
                <div class="text-sm text-slate-500">{{ $subtitle }}</div>
            @endif
        </div>
    @endif

    {{ $slot }}
</div>