'use client';

import { useEffect } from 'react';
import Image from 'next/image';
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">
			<Image src="/resources/m-logo.png" alt="bitforum" width={256} height={64} className="w-36 sm:w-44 h-auto" priority />
			<div className="w-7 h-7 border-[3px] border-gray-200 border-t-[#F7931A] rounded-full animate-spin" />
			<p className="text-sm text-[var(--text-muted)]">Google 로그인 처리 중...</p>
		</div>
	);
}