'use client';
/** Client island: loads the Three.js globe only in the browser, showing the skeleton shell immediately. */
import dynamic from 'next/dynamic';
import { GlobeSkeleton } from './globe-fallback';
import type { GlobeProps } from './globe';

const Globe = dynamic(() => import('./globe'), { ssr: false, loading: () => <GlobeSkeleton /> });

export function LazyGlobe(props: GlobeProps) {
  return <Globe {...props} />;
}