<script setup>
import { Link } from '@inertiajs/vue3'
</script>

<template>
    <div class="min-h-screen bg-gray-50">
        <nav class="bg-white border-b border-gray-200">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="flex justify-between h-16">
                    <div class="flex items-center">
                        <span class="text-xl font-semibold text-gray-800">Innovatieplatform</span>
                    </div>
                    <div class="flex items-center space-x-4">
                        <Link href="/dashboard" class="text-gray-600 hover:text-gray-900">Dashboard</Link>
                        <Link href="/projects" class="text-gray-600 hover:text-gray-900">Projecten</Link>
                        <Link href="/roadmap" class="text-gray-600 hover:text-gray-900">Roadmap</Link>
                    </div>
                </div>
            </div>
        </nav>
        <main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
            <slot />
        </main>
    </div>
</template>
