Elastic Mesh

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type ElasticMeshProps = {  variant?: 'mesh' | 'knots' | 'both'  gap?: number  radius?: number  strength?: number  tension?: number  drift?: number  trail?: boolean  ripple?: boolean  color?: string  accentColor?: string  gridClassName?: string  children?: ReactNode  className?: string}export function ElasticMesh({  variant = 'both',  gap = 30,  radius = 220,  strength = 1,  tension = 1,  drift = 0.5,  trail = true,  ripple = true,  color = 'currentColor',  accentColor = 'var(--primary, #7c6cff)',  gridClassName,  children,  className,}: ElasticMeshProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}