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

<div class="mb-8 flex items-start justify-between">
    <div>
        <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">{{ $title }}</h1>
        @if ($subtitle)
            <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $subtitle }}</p>
        @endif
    </div>
    <div class="flex items-center space-x-3">
        {{ $slot }}
        <div class="hidden lg:block">
            <livewire:notification-bell />
        </div>
    </div>
</div>
