<script setup lang="ts">
import AuthForgotPasswordForm from '~/components/auth/AuthForgotPasswordForm.vue'

definePageMeta({ middleware: ['guest'], layout: 'auth' })
</script>

<template>
  <div class="mx-auto flex min-h-screen w-full items-center justify-center">
    <UCard class="w-96">
      <template #header>
        <div class="space-y-4 text-center ">
          <h1 class="text-2xl font-bold">
            Forgot Password
          </h1>
          <p class="text-sm">
            Remember your password? <NuxtLink
              to="/login"
              class="text-primary hover:text-primary-300 font-bold"
            >
              Login here
            </NuxtLink>
          </p>
        </div>
      </template>
      <AuthForgotPasswordForm />
      <!-- <UDivider label="OR" class=" my-4"/> -->
    </UCard>
  </div>
</template>
