'use client';

import { useEffect } from 'react';
import Logo from '@/app/component/Logo';
import useAuth from '@/hooks/useAuth';

export default function Page()
{
	const { login } = useAuth();

	useEffect(() => {
		login(true);
	}, []);

	return (
		<div className="fixed inset-0 flex flex-col items-center justify-center gap-6 bg-[var(--bg-page)] z-50">
			<span className="auth-logo inline-block">
				<Logo size="lg" />
			</span>
			<div className="w-7 h-7 border-[3px] border-gray-200 border-t-[var(--color-accent)] rounded-full animate-spin" />
			<p className="text-sm text-[var(--text-muted)]">Google 로그인 중...</p>
		</div>
	);
}