<template>
  <div class="min-h-screen bg-white">
    <header>
      <slot name="header">
        <Header />
      </slot>
    </header>
    <main class="mx-auto min-h-full max-w-7xl p-6">
      <slot />
    </main>
    <footer>
      <slot name="footer" />
    </footer>
  </div>
</template>

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