import { PageContainer } from "@/components/layout/page-container";
import { ThankYouPageSection } from "@/components/sections/checkout/thank-you-page-section";
import { getOrderSummary } from "@/lib/starter-data";

export default async function ThankYouPage({
  searchParams,
}: {
  searchParams: Promise<{
    orderId?: string;
    key?: string;
  }>;
}) {
  const resolvedSearchParams = await searchParams;
  const orderId = Number(resolvedSearchParams.orderId ?? "");
  const orderKey = resolvedSearchParams.key ?? "";
  const order = await getOrderSummary(orderId, orderKey);

  return (
    <PageContainer>
      <ThankYouPageSection order={order} />
    </PageContainer>
  );
}