@props([])
<div {{ $attributes->merge(['class' => 'rounded-2xl bg-white shadow-sm ring-1 ring-slate-200/70 dark:bg-slate-900 dark:ring-slate-800']) }}>
    @isset($title)
        <div class="flex items-center justify-between gap-3 border-b border-slate-100 px-6 py-4 dark:border-slate-800">
            <h2 class="text-sm font-semibold text-ink dark:text-slate-100">{{ $title }}</h2>
            @isset($actions)
                <div class="shrink-0">{{ $actions }}</div>
            @endisset
        </div>
    @endisset
    <div class="p-6">{{ $slot }}</div>
</div>