@props(['title'])

<x-layouts.admin :title="$title">
    <main class="flex-1 overflow-y-auto px-6 py-5">
        <h1 class="text-2xl font-semibold text-gray-900 mb-4">{{ $title }}</h1>

        @if (session('success'))
            <div class="mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded-lg text-sm">
                {{ session('success') }}
            </div>
        @endif

        {{ $slot }}
    </main>
</x-layouts.admin>
