import Link from "next/link";

import RegisterForm from "../components/RegisterForm";

export default async function RegisterPage({
  searchParams
}: {
  searchParams?: Promise<Record<string, string | string[] | undefined>>;
}) {
  const params = await searchParams;
  const redirectTo = typeof params?.returnTo === "string" ? params.returnTo : "/account";

  return (
    <main className="page-shell">
      <div className="auth-wrap">
        <section className="auth-card">
          <span className="eyebrow">Registro</span>
          <h1 className="section-title">Crear cuenta unica</h1>
          <p className="muted">La misma cuenta sirve para actuar como cliente, seguir consultas y abrir tu espacio maker.</p>
          <RegisterForm redirectTo={redirectTo} />
          <p className="muted">Si ya tienes acceso, <Link href={`/login?returnTo=${encodeURIComponent(redirectTo)}`}>entra aqui</Link>.</p>
        </section>
      </div>
    </main>
  );
}