import Image from "next/image";
import React from "react";
import { useTranslation } from "next-i18next";

import styles from "./PrivacyPolicy.module.scss";

import image from "../../../public/images/about-us/international-group.svg";

const PrivacyPolicy = ({ data }: any) => {
  const { t } = useTranslation("common");

  return (
    <article className={styles.privacyPolicy}>
      <div className="container">
        <div className="mb-8">
          <div className="lg:flex items-baseline">
            <h1 className="ltr:mr-6 rtl:ml-6 mb-7 text-gradiant">{t("Privacy Policy")}</h1>

            <hr className="w-48 ltr:mr-6 rtl:ml-6 border-color-2" />
          </div>
        </div>

        <div className="indent-9" dangerouslySetInnerHTML={{ __html: data }}></div>
      </div>
    </article>
  );
};

export default PrivacyPolicy;