@props(['area' => null])

<div class="nav" style="position:relative;padding:16px 28px;border-bottom:1px solid var(--color-divider)">
    <span class="nav-brand">{{ \App\Support\Settings::get('company_name') }}</span>

    <x-panel-switcher :area="$area" />

    <x-theme-toggle />

    {{ $slot }}

    @auth
        <livewire:notification-bell />
        <livewire:global-search />
    @endauth

    <x-profile-menu />
</div>