forgot-password.tsx33 lines · main
1import Link from 'next/link'
2
3import { ForgotPasswordWizard } from '@/components/interfaces/SignIn/ForgotPasswordWizard'
4import ForgotPasswordLayout from '@/components/layouts/SignInLayout/ForgotPasswordLayout'
5import type { NextPageWithLayout } from '@/types'
6
7const ForgotPasswordPage: NextPageWithLayout = () => {
8 return (
9 <>
10 <div className="flex flex-col gap-4">
11 <ForgotPasswordWizard />
12 </div>
13
14 <div className="my-8 self-center text-sm">
15 <span className="text-foreground-light">Already have an account?</span>{' '}
16 <Link href="/sign-in" className="underline hover:text-foreground-light">
17 Sign In
18 </Link>
19 </div>
20 </>
21 )
22}
23
24ForgotPasswordPage.getLayout = (page) => (
25 <ForgotPasswordLayout
26 heading="Forgot your password?"
27 subheading="Enter your email and we'll send you a code to reset the password"
28 >
29 {page}
30 </ForgotPasswordLayout>
31)
32
33export default ForgotPasswordPage