'use client';

import React, { ReactNode } from 'react';
import { OnlineProvider } from '@/components/mutual/context/online/provider';

interface ClientProvidersProps {
  children: ReactNode;
}

export function ClientProviders({ children }: ClientProvidersProps) {
  // Log provider initialization for debugging
  React.useEffect(() => {
    console.log('ClientProviders initialized');
  }, []);

  return (
    <OnlineProvider>
      {children}
    </OnlineProvider>
  );
}

export default ClientProviders;
