import React from "react";
import { fetchIndustryData } from "@/services/crescent-group.service";
import { IndustryAccordion } from "@/components/IndustryAccordion";


// interface PageData {
//   id: number;
//   title: string;
//   slug: string;
//   description: string;
// }

interface IndustryItem {
  id: number;
  title: string;
  shortDescription: string;
  longDescription: string;
  sequence: number;
  subsections: Array<{ id: number; title: string; description: string }>;
}

export default async function Page() {
  // let pageData: PageData | null = null;
  let industryData: IndustryItem[] = [];

  try {
    const response = await fetchIndustryData("c3143c58-a009-4fc0-8d41-679cadcc09a6");
    // pageData = response?.pagedata;
    industryData = response?.pageItemdataWithSubsection || [];
  } catch (error) {
    console.error("Error fetching data:", error);
  }
  // console.log(industryData);

  return (
    <div className="mx-auto max-w-6xl text-justify py-8 px-4 sm:px-6 lg:px-8">
      <h1 className="text-[28px] md:text-[36px]  mb-6 text-gray-800">Industries Served</h1>

      <IndustryAccordion industries={industryData} />
    </div>
  );
}