<script setup lang="ts">
import TopBar from './components/layout/TopBar.vue';
import Sidebar from './components/layout/Sidebar.vue';
</script>

<template>
    <div class="flex min-h-screen bg-surface-50 dark:bg-surface-950">
        <!-- Sidebar -->
        <Sidebar />
        
        <!-- Main Content -->
        <div class="flex-1 flex flex-col">
            <!-- TopBar -->
            <TopBar />
            
            <!-- Page Content -->
            <main class="flex-1 overflow-auto p-4 lg:p-6">
                <RouterView />
            </main>
        </div>
    </div>
</template>
