<template>
    <div class="flex">
        <div class="w-full">
            <header v-if="slots.header">
                <slot name="header" />
            </header>
            <main class="h-screen">
                <slot />
            </main>
        </div>
        <aside v-if="slots.sidebar" class="w-full">
            <slot name="sidebar" />
        </aside>
    </div>
</template>

<script setup>
import { useSlots } from 'vue'
const slots = useSlots()
</script>
