Dot globe

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type DotGlobeProps = {  speed?: number  dotSize?: number  center?: [number, number]  interactive?: boolean  bezel?: boolean  readout?: boolean  maxSize?: number  label?: string  className?: string}export function DotGlobe({  speed = 4.5,  dotSize = 1,  center = [10, 28],  interactive = true,  bezel = true,  readout = true,  maxSize = 420,  label,  className,}: DotGlobeProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}