import type { ReactNode } from 'react';
import AppSpinner from '../../components/AppSpinner/AppSpinner.tsx';
import type { FirstSignInGateStatus } from '../../components/FirstSignInGate/firstSignInGateStatus.tsx';

const AgreementGatePane = ({ status, children }: { status: FirstSignInGateStatus; children: ReactNode }) => {
    if (status === 'outstanding') return null;
    if (status === 'unknown') return <AppSpinner message="Checking your agreements…" />;
    return <>{children}</>;
};

export default AgreementGatePane;