/**
 * Signup Page
 *
 * RSC composition pattern:
 * 1. PageQuery executes to get ViewData
 * 2. Client component renders with ViewData
 */

import { SignupPageQuery } from '@/lib/page-queries/auth/SignupPageQuery';
import { SignupClient } from './SignupClient';

export default async function SignupPage({
  searchParams,
}: {
  searchParams: Promise<URLSearchParams>;
}) {
  // Execute PageQuery
  const params = await searchParams;
  const queryResult = await SignupPageQuery.execute(params);

  if (queryResult.isErr()) {
    // Handle query error
    return (
      <div className="min-h-screen bg-deep-graphite flex items-center justify-center">
        <div className="text-red-400">Failed to load signup page</div>
      </div>
    );
  }

  const viewData = queryResult.unwrap();

  // Render client component with ViewData
  return <SignupClient viewData={viewData} />;
}