<script setup lang="ts">
const { onLogoutClick } = useLogout();
</script>

<template>
  <div class="w-full space-y-6">
    <div class="flex flex-col text-center">
      <div class="text-xl text-pretty font-semibold text-highlighted">
        Déconnexion
      </div>
      <div class="mt-1 text-base text-pretty text-muted">
        Veuillez confirmer la déconnexion.
      </div>
    </div>
    <UButton
      icon="i-lucide-log-out"
      block
      loading-auto
      to="/auth"
      label="Déconnexion"
      @click="onLogoutClick"
    />
  </div>
</template>
