import TestimonialsHeader from "./TestimonialsHeader";
import TestimonialsGrid from "./TestimonialsGrid";
import { CMSItem } from "@/types/cms";
import { filterCmsSection } from "@/services/cmsService";

export default function TestimonialsSection({ cms }: { cms: CMSItem[] }) {
  const reviewsCms = filterCmsSection(cms, "customer_reviews");

  return (
    <section className="container-padding-x flex flex-col gap-10 justify-between items-center my-10 lg:my-20">
      <TestimonialsHeader cms={reviewsCms} />
      <TestimonialsGrid cms={reviewsCms} />
    </section>
  );
}