@props(['title' => null])
<x-layouts.base :title="$title">
    <div class="flex min-h-dvh flex-col">
        <x-navbar />
        <main class="mx-auto w-full max-w-6xl flex-1 px-4 pb-28 pt-6 sm:px-6 md:pb-12 md:pt-8">
            <x-flash />
            {{ $slot }}
        </main>
        <x-mobile-nav />
    </div>
</x-layouts.base>
