"use client";

import { Suspense } from "react";
import { useSearchParams } from "next/navigation";
import { CrowdfundingStatusClient } from "@/components/PublicPages";

function StatusContent() {
  const params = useSearchParams();
  const orderId = params.get("orderId");
  return <CrowdfundingStatusClient orderId={orderId || ""} />;
}

export default function CrowdfundingStatusPage() {
  return (
    <Suspense fallback={<div className="flex min-h-[60vh] items-center justify-center"><p className="font-medium text-[var(--color-ink-mute)]">Verifying payment...</p></div>}>
      <StatusContent />
    </Suspense>
  );
}