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

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

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

  if (isLoading) return <LoadingSpinner fullPage />;

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