import { useHandleSignInCallback } from '@logto/react';
import { useNavigate } from 'react-router-dom';

export const Callback = () => {
  const navigate = useNavigate();
  const { isLoading } = useHandleSignInCallback(() => {
    // Redireciona para a home após o login bem-sucedido
    navigate('/');
  });

  if (isLoading) {
    return (
      <div className="min-h-screen w-full flex items-center justify-center bg-surface-soft">
        <div className="flex flex-col items-center gap-4">
          <div className="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin" />
          <p className="text-text-muted font-medium">Finalizando autenticação...</p>
        </div>
      </div>
    );
  }

  return null;
};
