39 lines
968 B
TypeScript
39 lines
968 B
TypeScript
import FormInput from "@/utils/formInput";
|
|
import Button from "@/utils/button";
|
|
|
|
|
|
import {Props} from "@/constants/types"
|
|
export default function ForgotPassword({ onBack }: Props) {
|
|
return (
|
|
<div className="space-y-4">
|
|
<button
|
|
onClick={onBack}
|
|
className="text-slate-400 hover:text-white"
|
|
>
|
|
← Back to sign in
|
|
</button>
|
|
|
|
<div>
|
|
<h2 className="text-2xl font-bold text-white">
|
|
Reset your password
|
|
</h2>
|
|
|
|
<p className="mt-3 text-slate-400">
|
|
Enter your work email and we'll send a secure
|
|
time-limited reset link.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Your email input */}
|
|
<FormInput
|
|
label="Email"
|
|
value="dhananjay@kafm.io"
|
|
/>
|
|
|
|
{/* Send reset button */}
|
|
<Button className="h-10 w-full rounded-xl bg-gradient-to-r from-teal-400 to-emerald-400 font-semibold text-black">
|
|
Send reset link
|
|
</Button>
|
|
</div>
|
|
);
|
|
} |