'use client';

import dynamic from 'next/dynamic';
import { Suspense } from 'react';

const DynamicAnalyticsProvider = dynamic(() => import('./AnalyticsProvider'), {
  ssr: false,
});
const DynamicScrollDepthTracker = dynamic(() => import('./ScrollDepthTracker'), {
  ssr: false,
});

export default function AnalyticsShell() {
  return (
    <Suspense fallback={null}>
      <DynamicAnalyticsProvider />
      <DynamicScrollDepthTracker />
    </Suspense>
  );
}