import QuestionImages from "./QuestionImages";
import QuestionContent from "./QuestionContent";
import { CMSItem } from "@/types/cms";
import { filterCmsSection } from "@/services/cmsService";

export default function QuestionSection({ cms }: { cms: CMSItem[] }) {
  const faqCms = filterCmsSection(cms, "faq");

  return (
    <section id="faq" className="container-padding-x my-10 lg:my-20 grid grid-cols-1 lg:grid-cols-2 gap-5 md:gap-20">
      <QuestionImages cms={faqCms} />
      <QuestionContent cms={faqCms} />
    </section>
  );
}