import { getLocale, getTranslations } from "next-intl/server";
import { CMSItem } from "@/types/cms";
import { cmsText } from "@/services/cmsService";
import CmsPreviewText from "@/components/preview/CmsPreviewText";

export default async function HeroDescription({ cms }: { cms: CMSItem[] }) {
  const locale = await getLocale();
  const t = await getTranslations("HeroSection");
  const description = cmsText(cms, "description", locale, t("description"));

  return (
    <p className="text-[14px] md:text-[24px] max-w-[400px] md:max-w-[600px] lg:max-w-[800px]">
      <CmsPreviewText
        sectionName="hero_section"
        inputNameEn="description"
        initialValue={description}
      />
    </p>
  );
}