<template>
  <footer class="mx-auto container">
    <div class="relative z-10">
      <div class="flex space-x-[51px] mb-5">
        <UiNav :nav-content="footerNavigation" />
      </div>
      <div class="xl:max-w-[1225px] pb-7 flex justify-between">
        <div>
          <UiParagraph as="span" size="300"
            >По всем вопросам:<br />
            <a href="mailto:vinogalante@yandex.ru" target="_blank">
              vinogalante@yandex.ru
            </a></UiParagraph
          >
        </div>

        <div class="flex flex-col [&>[data-ui=ui-nav]]:text-secondary" v-if="route.path === '/'">
          <UiNav :nav-content="refLitres" />
        </div>
      </div>
    </div>
  </footer>
</template>

<script setup lang="ts">
import UiParagraph from '@/components/Typography/UiParagraph.vue'
import UiNav from '@/components/UiNav/UiNav.vue'
import { footerNavigation, refLitres } from '@/layout/UiFooter/_data'
import { useRoute } from 'vue-router'

const route = useRoute()
</script>
