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

function MoneyBackGuarantee() {
  const { translate } = useTranslations(ELocalesPlacement.EmailMarketingPalmistryV2);
  return (
    <div className={styles.container}>
      <img src={images("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;
