import { usePage } from '@inertiajs/react';
import { SocketProvider } from '@/contexts/SocketContext';
import type { ReactNode } from 'react';

interface SocketProviderBridgeProps {
    children: ReactNode;
}

/**
 * Bridge component that connects Inertia's usePage() with SocketProvider
 * This component sits inside the Inertia App context and can access page props
 */
export function SocketProviderBridge({ children }: SocketProviderBridgeProps) {
    const { auth } = usePage().props as any;
    const user = auth?.user || null;

    return <SocketProvider user={user}>{children}</SocketProvider>;
}