import Link from "next/link";
import { RegisterForm } from "@/components/auth/register-form";

export default function RegisterPage() {
  return (
    <main className="auth-shell">
      <div className="w-full p-2 md:p-4">
        <div className="mb-8 space-y-3 text-center">
          <p className="text-xs uppercase tracking-[0.2em] text-muted">PayMe</p>
          <h1 className="text-3xl font-semibold">Create account</h1>
        </div>
        <RegisterForm />
        <p className="mt-6 text-sm text-muted">
          Already registered?{" "}
          <Link href="/login" className="text-accent underline underline-offset-4 hover:text-text">
            Sign in
          </Link>
        </p>
      </div>
    </main>
  );
}