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

<div {{ $attributes->merge(['class' => 'overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft']) }}>
    @if($title || $subtitle)
        <div class="border-b border-slate-200 px-5 py-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
    <div class="overflow-x-auto">
        {{ $slot }}
    </div>
</div>