<script setup lang="ts">
  import type { NavigationMenuItem } from '@nuxt/ui';

  const items: NavigationMenuItem[] = [
    {
      label: 'Contact',
      to: '/contact'
    },
    {
      label: 'Source Code',
      to: 'https://git.zervo.dev/zervo/website',
      target: '_blank'
    },
    {
      label: 'FriendZone',
      to: 'https://friendzone.zervo.dev/',
      target: '_blank'
    }
  ]
</script>

<template>
  <UFooter>
    <template #left>
      <p class="text-muted text-sm">Copyright © {{ new Date().getFullYear() }} Zervó Zadachin</p>
    </template>

    <UNavigationMenu :items="items" variant="link" />

    <template #right>
      <UButton
        icon="i-simple-icons-forgejo"
        color="neutral"
        variant="ghost"
        to="https://git.zervo.dev/"
      />
      <UButton
        icon="i-simple-icons-bluesky"
        color="neutral"
        variant="ghost"
        to="https://bsky.app/profile/bsky.zervo.dev/"
      />
    </template>
  </UFooter>
</template>