import React from 'react';
import { ActionLink, DoubleSidedImage } from '@/components/shared';
import { useTranslation } from 'react-i18next';

const AccountReview = () => {
  const { t } = useTranslation();
  return (
    <div className="text-center h-full flex flex-col justify-center bg-lime-50">
      <DoubleSidedImage
        className="mb-6 mx-auto"
        src="/img/others/pending-approval.png"
        darkModeSrc="/img/others/pending-approval-dark.png"
        alt="SidedImage"
      />
      <h4 className="mb-4">{t('THANK_YOU_FOR_YOUR_REGISTRATION')}</h4>
      <p>{t('GREAT_YOU_HAVE_SUCCESSFULLY_REGISTERED')}</p>
      <div className="mt-4 text-center">
        {t('YOU_CAN_SIGN_IN_BY_CLICK_ON')} <ActionLink href="/sign-in">{t('SIGN_IN')}</ActionLink>
      </div>
    </div>
  );
};

export default AccountReview;
