<script setup lang="ts">
const open = ref(false);
</script>

<template>
    <Head>
        <Title>Accueil</Title>
    </Head>
    <div class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
        <div class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">
            <Tooltip message="Ajouter" side="top"><button @click="open = !open">Test</button></Tooltip>
            <Toast v-model="open">
                <template v-slot:title><h4>Titre</h4></template>
                <span>Test</span>
            </Toast>
        </div>
    </div>
</template>