import { notFound } from 'next/navigation'
import { MockCardSetup } from './mock-card-setup'

/** Dev-only stand-in for the Synchron-hosted card entry / CVV confirmation page (D4, task §27). */
export default async function MockSynchronCardSetupPage({
  params, searchParams,
}: {
  params: Promise<{ setupRef: string }>
  searchParams: Promise<{ return?: string; mode?: string; card?: string }>
}) {
  if (process.env.NODE_ENV !== 'development') notFound()
  const [{ setupRef }, query] = await Promise.all([params, searchParams])
  return (
    <MockCardSetup
      setupReference={setupRef}
      returnUrl={query.return ?? '/'}
      mode={query.mode === 'confirm' ? 'confirm' : 'add'}
      cardId={query.card ?? null}
    />
  )
}