Pixel Sweep

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type PixelSweepProps = {  src: string  alt: string  direction?: PixelSweepDirection  cellSize?: number  cover?: string  edgeNoise?: number  duration?: number  easing?: PixelSweepEasing  delay?: number  play?: boolean  seed?: number  onRevealComplete?: () => void  fit?: 'cover' | 'contain'  focusX?: number  focusY?: number  children?: ReactNode  className?: string}export function PixelSweep({  src,  alt,  direction = 'right',  cellSize = 22,  cover = '#0e0e10',  edgeNoise = 0.55,  duration = 1500,  easing = 'in-out',  delay = 0,  play,  seed = 7,  onRevealComplete,  fit = 'cover',  focusX = 0.5,  focusY = 0.5,  children,  className,}: PixelSweepProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}