import { Suspense } from "react";
import TokenHandler from "@/components/TokenHandler";
import { AUTH_TOKEN_KEY } from "@/lib/constants";

export default function AuthCallbackPage() {
	return (
		<div className="container mx-auto p-4">
			<h1 className="text-2xl font-bold mb-4">Authentication Callback</h1>
			<Suspense
				fallback={
					<div className="flex items-center justify-center min-h-[200px]">
						<div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div>
					</div>
				}
			>
				<TokenHandler
					redirectPath="/dashboard"
					tokenParamName="token"
					storageKey={AUTH_TOKEN_KEY}
				/>
			</Suspense>
		</div>
	);
}