<script setup lang="ts">
import party from 'party-js'

const config = useRuntimeConfig()

function confirmDeadline(event) {
  party.confetti(event)
}
</script>

<template>
  <div>
    <UDivider />
    <UFooter>
      <template #left>
        <div class="flex items-center gap-4">
          <!--          <OctolabsLogo class="fill-primary rotate-45" width="36" /> -->
          <div class="text-xs">
            Copyright © {{ new Date().getFullYear() }}
          </div>
        </div>
      </template>
      <template #center>
        Made with <span class="cursor-pointer transition  duration-500 hover:scale-125 hover:animate-pulse" @click="confirmDeadline">❤️</span> by <a class="text-primary hover:text-primary-600 ml-1" href="https://flycro.me" target="_blank">Flycro</a>
      </template>
      <template #right>
        <div class="font-mono text-xs">
          {{ config.public.packageVersion }} - {{ config.public.gitHash !== '' ? config.public.gitHash : '0000000' }}
        </div>
      </template>
    </UFooter>
  </div>
</template>
