import { useQuery } from '@tanstack/react-query';
import { scbAdminApi } from '@/services/api/scbAdminApi';
import { useAuthStore } from '@/stores/authStore';
import LoadingSpinner from '@/components/shared/LoadingSpinner';
import './FIManagementPage.css';

export default function FIManagementPage() {
  const { user } = useAuthStore();
  const scbId = user?.sovereignBankId || '';

  const { data, isLoading } = useQuery({
    queryKey: ['fi-management', scbId],
    queryFn: () => scbAdminApi.getFIManagementDashboard(scbId),
    enabled: !!scbId,
  });

  if (isLoading) return <LoadingSpinner fullPage />;

  return (
    <div className="page-container">
      <h1>FI Management</h1>
      <p>FI Management Dashboard Content</p>
    </div>
  );
}
