"use client";

import { Suspense } from "react";
import { useSearchParams } from "next/navigation";

function ErrorContent() {
  const params = useSearchParams();
  const message = params.get("message");

  console.log("AUTH ERROR:", message);

  return (
    <div style={{ padding: 20 }}>
      <h1>Login Error</h1>
      <p>{message}</p>
    </div>
  );
}

export default function AuthErrorPage() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <ErrorContent />
    </Suspense>
  );
}