import GuestLayout from '../Layouts/GuestLayout';
import PrimaryButton from '../Components/common/PrimaryButton';
import {Link} from "react-router-dom";

export default function VerifyEmail({ status }) {

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

    return (
        <GuestLayout>
            <h1 className={"text-2xl text-black text-right my-3 font-[dana] font-black"}>تایید ایمیل</h1>

            <div className="mb-4 leading-7 text-sm text-gray-600 text-right">
                از ثبت نام شما سپاسگزاریم! قبل از شروع، آیا می توانید آدرس ایمیل خود را با کلیک کردن روی لینکی که به تازگی برای شما ایمیل کرده ایم تأیید کنید؟ اگر ایمیلی را دریافت نکردید، با کمال میل یک ایمیل دیگر برای شما ارسال خواهیم کرد
            </div>

            {status === 'verification-link-sent' && (
                <div className="mb-4 font-medium text-sm text-green-600">
                    A new verification link has been sent to the email address you provided during registration.
                </div>
            )}

            <form onSubmit={submit}>
                <div className="mt-4 flex items-center justify-between">
                    <PrimaryButton className="ml-2 mt-5 mb-7 font-[Vazirmatn] w-full justify-center py-3 pb-4 text-md" disabled={false}>
                        ارسال دوباره
                    </PrimaryButton>

                </div>
            </form>
        </GuestLayout>
    );
}
