<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import TextLink from '@/components/TextLink.vue';
import AuthBase from '@/layouts/AuthLayout.vue';

type Props = {
    title: string;
    message: string;
    homeUrl: string;
};

defineProps<Props>();
</script>

<template>
    <AuthBase
        :title="title"
        :description="message"
    >
        <Head :title="title" />

        <div class="flex flex-col items-center gap-4">
            <TextLink
                :href="homeUrl"
                class="underline underline-offset-4"
            >
                Retour à l'accueil
            </TextLink>
        </div>
    </AuthBase>
</template>
