<template>
  <UButton
    color="neutral"
    variant="ghost"
    square
    @click="handleClick"
    :ui="{
      rounded: 'rounded-full',
      padding: { sm: 'p-1.5' }
    }"
    class="relative hover:bg-gray-100/80 dark:hover:bg-gray-800/80 transition-all duration-300"
    title="Verificar estado de sesión"
  >
    <UIcon name="i-heroicons-information-circle" class="size-5" />
  </UButton>
</template>

<script setup lang="ts">
const { checkSessionStatus } = useAuthentik()

const handleClick = () => {
  checkSessionStatus()
}
</script>
