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

<div {{ $attributes->class(['mt-6 space-y-3 rounded-2xl border border-slate-200 bg-slate-50/80 p-4']) }}>
    @if ($title)
        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">{{ $title }}</p>
    @endif
    <div class="flex flex-col items-start gap-2 sm:flex-row sm:flex-wrap sm:gap-3">
        {{ $slot }}
    </div>
</div>