Zoom Field

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type ZoomFieldProps = {  items: ZoomFieldItem[]  cellSize?: number  density?: number  radius?: number  dragSpeed?: number  friction?: number  parallax?: number  minZoom?: number  maxZoom?: number  initialZoom?: number  controls?: boolean  seed?: number  touchDrag?: boolean  className?: string}export function ZoomField({  items,  cellSize = 230,  density = 0.8,  radius = 10,  dragSpeed = 1,  friction = 3.2,  parallax = 1,  minZoom = 0.15,  maxZoom = 8,  initialZoom = 1,  controls = true,  seed = 7,  touchDrag = true,  className,}: ZoomFieldProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}