import { compatibilityV3Prefix } from "@/routes";
import styles from "./styles.module.scss";
import Title from "@/components/Title";
import { useTranslations } from "@/hooks/translations";
import { ELocalesPlacement } from "@/locales";

function MoneyBackGuarantee() {
  const { translate } = useTranslations(ELocalesPlacement.CompatibilityV3);
  return (
    <div className={styles.container}>
      <img src={`${compatibilityV3Prefix}/money-back.svg`} alt="Money back" />
      <Title className={styles.title} variant="h4">
        {translate("/trial-payment.money_back_guarantee.title")}
      </Title>
      <p className={styles.text}>
        {translate("/trial-payment.money_back_guarantee.text")}
      </p>
    </div>
  );
}

export default MoneyBackGuarantee;
