import { useTranslations } from "@/hooks/translations";
import styles from "../styles.module.css";
import { ELocalesPlacement } from "@/locales";

function WorksTraitsDescription() {
  const { translate } = useTranslations(ELocalesPlacement.V1);

  return (
    <p className={styles.text}>
      {translate("works_traits_description", {
        blue: (
          <span className={styles.blue}>
            {translate("works_traits_description_blue")}
          </span>
        ),
      })}
    </p>
  );
}

export default WorksTraitsDescription;
