import { getTranslations } from "next-intl/server";
import Link from "next/link";
import { GoHome } from "react-icons/go";
import { TbXboxXFilled } from "react-icons/tb";

export default async function VerifyEmail({ params: { message: messageEncode } }) {
    const t = await getTranslations('shared');
    const message = decodeURIComponent(messageEncode);


    return (
        <section>
            <div className="container  flex items-center justify-center  flex-col bg-[#FAFBFC] pb-10  h-[80vh] space-y-5 ">
                <TbXboxXFilled className='text-red-500 text-2xl md:text-4xl' />
                <h1 className='font-light text-2xl md:text-4xl text-center'>{message}</h1>
                <Link href="/">
                    <button className='btn-main-outline gap-x-3 flex items-center rounded-sm md:text-xl p-2'>
                        <GoHome />
                        {t('go-to-home')}
                    </button>
                </Link>
            </div>
        </section>
    );
}