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

<div class="py-8">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6">
        @if($title)
            <div class="flex items-center justify-between gap-3 flex-wrap">
                <div>
                    <p class="text-sm font-semibold text-brand">Dashboard</p>
                    <h1 class="font-heading text-2xl text-ink">{{ $title }}</h1>
                </div>
                @if($cta)
                    <div>{!! $cta !!}</div>
                @endif
            </div>
        @endif
        <div class="bg-white shadow-[var(--shadow-card)] border border-slate-100 sm:rounded-2xl">
            <div class="p-6">
                {{ $slot }}
            </div>
        </div>
    </div>
</div>