Sweep Arcs

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type SweepArcsProps = {  lineCount?: number  thickness?: number  glow?: number  colors?: string[]  background?: string  speed?: number  pointerStrength?: number  fadeEdges?: boolean  children?: ReactNode  className?: string}export function SweepArcs({  lineCount = 44,  thickness = 1.3,  glow = 1,  colors,  background,  speed = 1,  pointerStrength = 1,  fadeEdges = true,  children,  className,}: SweepArcsProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}