import RobotSelection from "@/components/robotSelection";
import { pagesApi } from "@/lib/api/pages";

export default async function RoboSelection({
  searchParams,
}: {
  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
}) {
  const resolvedSearchParams = await searchParams;
  const packageId = resolvedSearchParams?.package;

  let robots: any[] = [];

  if (packageId) {
    try {
      const data = await pagesApi.listByPackage(packageId as string);
      robots = data.map((item: any) => ({
        id: item.id,
        name: item.title?.rendered || "",
        image: item.small_image || item.package_logo?.[0] || "",
      }));
    } catch (error) {
      console.error("Failed to fetch robots:", error);
    }
  }

  return (
    <main>
      <RobotSelection robots={robots} packageId={packageId as string} />
    </main>
  );
}