Glass Loupe

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type GlassLoupeProps = {  src: string  alt: string  zoom?: number  size?: number  rimColor?: string  rimWidth?: number  refraction?: number  fit?: 'cover' | 'contain'  focusY?: number  style?: CSSProperties  className?: string}export function GlassLoupe({  src,  alt,  zoom = 2.5,  size = 180,  rimColor = '#f4efe4',  rimWidth = 2.5,  refraction = 0.6,  fit = 'cover',  focusY = 0.5,  style,  className,}: GlassLoupeProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}