{{--
    The restaurant panel's frame - its top bar and side menu - around a page
    built on the UI kit (resources/views/components/ui). The older restaurant
    pages inline the same markup.
--}}
@props(['title'])

<div class="h-screen flex flex-col overflow-hidden">
    <livewire:components.top-bar :title="$title" />
    <div class="flex flex-1 overflow-hidden">
        <div class="h-full overflow-hidden shrink-0">
            <livewire:components.side-bar />
        </div>
        <div class="content flex-1 overflow-y-auto">
            <div class="py-6">
                <x-ui.flash />

                {{ $slot }}
            </div>
        </div>
    </div>
</div>