<script setup lang="ts">
const links = []

const toast = useToast()

const email = ref('')
const loading = ref(false)

function onSubmit() {
  loading.value = true

  setTimeout(() => {
    toast.add({
      title: 'Subscribed!',
      description: 'You\'ve been subscribed to our newsletter.'
    })

    loading.value = false
  }, 1000)
}
</script>

<template>
  <UFooter>
<!--    <template #top>-->
<!--      <UFooterColumns :links="links">-->
<!--        <template #right>-->
<!--          <form @submit.prevent="onSubmit">-->
<!--            <UFormGroup-->
<!--              label="Subscribe to our newsletter"-->
<!--              :ui="{ container: 'mt-3' }"-->
<!--            >-->
<!--              <UInput-->
<!--                v-model="email"-->
<!--                type="email"-->
<!--                placeholder="Enter your email"-->
<!--                :ui="{ icon: { trailing: { pointer: '' } } }"-->
<!--                required-->
<!--                size="xl"-->
<!--                autocomplete="off"-->
<!--                class="max-w-sm"-->
<!--              >-->
<!--                <template #trailing>-->
<!--                  <UButton-->
<!--                    type="submit"-->
<!--                    size="xs"-->
<!--                    :label="loading ? 'Subscribing' : 'Subscribe'"-->
<!--                    :loading="loading"-->
<!--                  />-->
<!--                </template>-->
<!--              </UInput>-->
<!--            </UFormGroup>-->
<!--          </form>-->
<!--        </template>-->
<!--      </UFooterColumns>-->
<!--    </template>-->

    <template #left>
      <p class="text-gray-500 dark:text-gray-400 text-sm">
        Copyright © {{ new Date().getFullYear() }}. 广西千铝工投教育科技发展有限公司 All rights reserved.
      </p>
    </template>
    <template #right>
      <div class="text-sm">备案号：桂ICP备00001号</div>
      <UColorModeButton size="sm" />
    </template>
  </UFooter>
</template>
