Halftone Tide

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type HalftoneTideProps = {  palette?: string[]  background?: string  frequency?: number  speed?: number  contrast?: number  cellSize?: number  paletteShift?: number  interactive?: boolean  children?: ReactNode  label?: string  className?: string}export function HalftoneTide({  palette = DEFAULT_PALETTE,  background = '#07050d',  frequency = 1.4,  speed = 1,  contrast = 1,  cellSize = 14,  paletteShift = 0,  interactive = true,  children,  label,  className,}: HalftoneTideProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}