Iris Dots

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type IrisDotsProps = {  src: string  alt: string  columns?: number  radius?: number  intensity?: number  dotSize?: number  focus?: { x: number; y: number }  idle?: boolean  className?: string}export function IrisDots({  src,  alt,  columns = 30,  radius = 170,  intensity = 1,  dotSize = 0.34,  focus = { x: 0.5, y: 0.5 },  idle = false,  className,}: IrisDotsProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}