"use client";
import { Suspense, useEffect } from "react";
import { useSearchParams, useRouter } from "next/navigation";
import { setToken } from "@/lib/api";

function Inner() {
  const sp = useSearchParams();
  const r = useRouter();
  useEffect(() => {
    const t = sp.get("token");
    if (t) { setToken(t); r.push("/dashboard"); }
    else r.push("/login");
  }, [sp, r]);
  return <div className="min-h-screen grid place-items-center text-slate-500">Signing you in…</div>;
}

export default function Callback() {
  return <Suspense><Inner /></Suspense>;
}