import { useTranslation } from "react-i18next";
import styles from "./styles.module.css";
import Title from "@/components/Title";

function SuccessPaymentPage(): JSX.Element {
  const { t } = useTranslation();

  return (
    <section className={`${styles.page} page`}>
      <img
        src="/SuccessIcon.png"
        alt="Success Icon"
        style={{ minHeight: "98px" }}
      />
      <div className={styles.text}>
        <Title variant="h1">The information has been sent to your e-mail</Title>
        <p>{t("auweb.pay_good.text1")}</p>
      </div>
    </section>
  );
}

export default SuccessPaymentPage;