import GuestLayout from '../Layouts/GuestLayout';
import InputError from '../Components/common/InputError';
import PrimaryButton from '../Components/common/PrimaryButton';
import TextInput from '../Components/common/TextInput';
import InputLabel from "../Components/common/InputLabel";

export default function ForgotPassword({ status }) {

    const submit = (e) => {
        e.preventDefault();
    };

    return (
        <GuestLayout>
            <h1 className={"text-2xl text-black text-right my-3 font-[dana] font-black"}>بازنشانی رمز عبور</h1>
            <h2 className={"text-sm font-normal font-[Vazirmatn] text-gray-400 text-right mb-8"}>یک ایمیل ربای شما ارسال خواهد شد</h2>

            <form onSubmit={submit}>
                <InputLabel className={"justify-end font-[Vazirmatn] font-normal text-gray-400 mb-2 mr-2 "} htmlFor="email" value="ایمیل" />

                <TextInput
                    id="email"
                    type="email"
                    name="email"
                    // value={data.email}
                    className="mt-1 py-3 font-[Vazirmatn] flex text-right w-full placeholder:text-sm placeholder-gray-400 "
                    placeholder={'ایمیل خود را وارد کنید'}
                    autoComplete="username"
                    isFocused={true}
                    // onChange={(e) => setData('email', e.target.value)}
                />

                <InputError message={""} className="mt-2" />

                <InputError message={''} className="mt-2" />

                <div className="flex items-center justify-end mt-4">
                    <PrimaryButton className="ml-2 mt-5 mb-7 font-[Vazirmatn] w-full justify-center py-3 pb-4 font-[dana] text-md" disabled={false}>
                        ارسال
                    </PrimaryButton>
                </div>
            </form>
        </GuestLayout>
    );
}
