import { ProductFaqModel } from "@/lib/types/models";
import FAQsItem from "./faq-Item";

export default async function Page({ faqs = [] }: { faqs: ProductFaqModel[] }) {
  if (faqs.length <= 0) {
    return null;
  }

  return (
    <div className="lg:mx-auto flex flex-col justify-center items-center">
      <h1 className="text-neutral-black-87 text-left lg:text-center text-[24px] lg:text-[34px] font-semibold pb-4 lg:pb-12">
        Frequently Asked Questions
      </h1>
      <FAQsItem data={faqs} />
    </div>
  );
}