Drop Gallery

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type DropGalleryProps = {  images?: DropGalleryImage[]  colors?: string[]  shape?: 'circle' | 'square'  count?: number  size?: number  gravityX?: number  gravityY?: number  gravityStrength?: number  walls?: DropGalleryWalls  friction?: number  dragStiffness?: number  angularStiffness?: number  controls?: boolean  children?: ReactNode  touchDrag?: boolean  ref?: Ref<DropGalleryHandle>  className?: string}export function DropGallery({  images,  colors,  shape = 'circle',  count = 24,  size = 96,  gravityX = 0,  gravityY = 1,  gravityStrength = 1,  walls,  friction = 0.3,  dragStiffness = 0.2,  angularStiffness = 0.25,  controls = true,  children,  touchDrag = true,  ref,  className,}: DropGalleryProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}