import { SignupForm } from "@code/auth/web";
import { useNavigate } from "react-router";

import type { Route } from "./+types/page";

export const meta = (_args: Route.MetaArgs) => [
  { title: "Create account | Zopu" },
  { content: "Create your Zopu account", name: "description" },
];

export default function SignupRoute() {
  const navigate = useNavigate();

  return <SignupForm onSuccess={() => navigate("/", { replace: true })} />;
}
