<script setup lang="ts">
const { logout } = useAuthConnexion();
</script>

<template>
  <div class="w-full space-y-6">
    <div class="flex flex-col text-center">
      <div class="text-xl font-semibold text-pretty 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="#"
      label="Déconnexion"
      @click="logout()"
    />
  </div>
</template>
