import FormInput from "@/utils/formInput";
import Button from "@/utils/button";


import {Props} from "@/constants/types"


export default function ForgotPassword({ onBack }: Props) {
  return (
    // Forget Password Screen
    <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>
  );
}