<script setup lang="ts">
import Sidebar from './sidebar.vue'
import Header from './header.vue'
</script>

<template>
  <div class="flex h-screen bg-background font-body-md text-on-background overflow-hidden">
    <aside class="w-64 shrink-0">
      <Sidebar />
    </aside>

    <div class="flex-1 flex flex-col min-w-0">
      <Header />

      <main class="flex-1 pt-16 min-h-screen border-0 overflow-auto">
        <div class="p-10 max-w-[1400px] mx-auto">
          <slot />
        </div>
      </main>
    </div>
  </div>
</template>
