Signal Hub

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type SignalHubProps = {  children: ReactNode  lines?: number  direction?: SignalHubDirection  speed?: number  color?: string  paused?: boolean  hubClassName?: string  className?: string}export function SignalHub({  children,  lines = 4,  direction = 'in',  speed = 1,  color = 'var(--primary)',  paused = false,  hubClassName,  className,}: SignalHubProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}