Grid Serpent

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type GridSerpentProps = {  cellSize?: number  gap?: number  radius?: number  snakeColor?: string  foodColor?: string  boardColor?: string  flashColor?: string  speed?: number  growth?: number  maxFill?: number  seed?: number  feedable?: boolean  label?: string  className?: string}export function GridSerpent({  cellSize = 16,  gap = 3,  radius = 4,  snakeColor = 'var(--foreground)',  foodColor = 'var(--primary)',  boardColor = 'var(--muted)',  flashColor = 'var(--destructive)',  speed = 16,  growth = 4,  maxFill = 0.1,  seed = 7,  feedable = true,  label,  className,}: GridSerpentProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}