<script lang="ts">
  import '../app.css';
</script>

<div class="flex flex-col h-svh font-sans bg-gray-100">
  <header class="flex-shrink-0 bg-gray-800 text-white shadow-md z-10">
    <div class="container mx-auto px-4">
        <h1 class="text-lg md:text-xl font-bold h-12 flex items-center">BigData Server</h1>
    </div>
  </header>

  <main class="flex-grow flex overflow-hidden min-h-0">
    <slot />
  </main>
</div>