Star Tunnel

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type StarTunnelProps = {  count?: number  colors?: string[]  direction?: 'outward' | 'inward'  speed?: number  glitter?: number  trail?: number  turbulence?: number  focal?: number  starSize?: number  density?: number  x?: number  y?: number  blend?: 'auto' | 'additive' | 'normal'  children?: ReactNode  className?: string}export function StarTunnel({  count = 800,  colors,  direction = 'outward',  speed = 1,  glitter = 0.35,  trail = 0.5,  turbulence = 0.25,  focal = 1,  starSize = 1,  density = 1,  x = 0.5,  y = 0.5,  blend = 'auto',  children,  className,}: StarTunnelProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}