<template>
    <div class="">
        <img  />
        <p>Bienvenue sur d[any], <span>{{ username }}</span>.</p>
    </div>
    <p class="">Nous vous invitons à valider votre compte en cliquant <a :href="`https://obsidian.peaceultime.com/user/mail-validation?u=${id}&t=${timestamp}&h=${hash(id.toString(), timestamp)}`"><Button>ici</Button></a> afin de profiter de toutes les fonctionnalités de d[any]</p>
    <p class="">Vous pouvez egalement copier le lien suivant pour valider votre compte: {{ `https://obsidian.peaceultime.com/user/mail-validation?u=${id}&t=${timestamp}&h=${hash(id.toString(), timestamp)}` }}</p>
    <span>Ce lien est valable 1 heure.</span>
    <footer></footer>
</template>

<script setup lang="ts">
import { hash } from 'bun';

const { id, username, timestamp } = defineProps<{
    id: number
    username: string
    timestamp: number
}>();
</script>