<script lang="ts">
// Add any navbar logic here if needed
</script>

<nav class="bg-gray-50 border-b border-gray-300 text-gray-900 p-2">
    <div class="container max-w-2xl mx-auto p-2">
        <div class="flex items-center justify-between">
            <div class="font-bold text-lg">ScanWave</div>
            
            <ul class="flex space-x-4">
                <li><a href="/private/home" class="hover:underline">Home</a></li>
                <li><a href="/private/scanner" class="hover:underline">Scanner</a></li>
                <li><a href="/private/events" class="hover:underline">Events</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container max-w-2xl mx-auto p-2 bg-white">
    <slot />
</div>
