<script lang="ts" setup>
const {footer} = useAppConfig()
</script>

<template>
  <UFooter
      :ui="{ left: 'text-muted text-xs' }"
      class="z-10 bg-default"
  >
    <template #left>
      {{ footer.credits }}
    </template>

    <template #right>
      {{ footer.address }}
      <template v-if="footer?.links">
        <UButton
            v-for="(link, index) of footer?.links"
            :key="index"
            v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
        />
      </template>
    </template>
  </UFooter>
</template>
