import { useTranslations } from "next-intl";
import { featuresInfoConfig } from "./featuresConfig";

export default function FeaturesInfo() {
  const t = useTranslations("features");
  return (
    <div className="flex flex-col gap-5 md:gap-10">
      <h2 className="text-primary-dark font-bold text-[24px] md:text-[48px]">
        {t(featuresInfoConfig.titleKey)}
      </h2>
      <p className="text-[12px] md:text-[24px] text-text">
        {t(featuresInfoConfig.descriptionKey)}
      </p>
    </div>
  );
}