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

import { LoginPageQuery } from '@/lib/page-queries/auth/LoginPageQuery';
import { LoginClient } from './LoginClient';

export default async function LoginPage({
  searchParams,
}: {
  searchParams: Promise<URLSearchParams>;
}) {
  // Execute PageQuery
  const params = await searchParams;
  const queryResult = await LoginPageQuery.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 login page</div>
      </div>
    );
  }

  const viewData = queryResult.unwrap();

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