<script setup lang="ts">
const links = [
  {
    label: 'Account',
    to: '/account',
    icon: 'i-heroicons-user-solid',
  },
  {
  label: 'Logout',
  to: '/logout',
  icon: 'i-heroicons-arrow-left-on-rectangle',
}]
</script>

<template>
  <UPopover>
    <UButton icon="i-heroicons-user-solid" color="gray" variant="ghost" />
    <template #panel>
      <div class="p-4">
        <UNavigationLinks :links="links" />
      </div>
    </template>
  </UPopover>
</template>

<style scoped>

</style>
