Halo Wire

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type HaloWireProps = {  colors?: string[]  size?: number  detail?: number  spin?: number  waves?: number  waveSpeed?: number  swell?: number  intensity?: number  bloom?: number  interior?: number  blend?: 'auto' | 'glow' | 'ink'  interactive?: boolean  freeTouch?: boolean  label?: string  children?: ReactNode  style?: CSSProperties  className?: string}export function HaloWire({  colors,  size = 0.62,  detail = 1,  spin = 0.14,  waves = 1,  waveSpeed = 1,  swell = 1,  intensity = 1,  bloom = 1,  interior = 0.6,  blend = 'auto',  interactive = true,  freeTouch = false,  label,  children,  style,  className,}: HaloWireProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}