import dynamic from 'next/dynamic';

// Dynamic import with SSR disabled to prevent hydration errors
const ClientLayout = dynamic(() => import('./ClientLayout'), {
  ssr: false,
  loading: () => (
    <div className="min-h-screen bg-gray-50 flex items-center justify-center">
      <div className="text-center">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto"></div>
        <p className="mt-4 text-gray-600">Loading Stock Oracle...</p>
      </div>
    </div>
  ),
});

export default ClientLayout;