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

<script setup>
import { useSlots } from 'vue'
import Sonner from '~/components/ui/sonner/Sonner.vue';
import 'vue-sonner/style.css'

const slots = useSlots()
</script>
