Ray Bloom

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type RayBloomProps = {  spokes?: number  pulses?: number  speed?: number  twinkle?: number  bloom?: number  size?: number  centerX?: number  centerY?: number  color?: string  opacity?: number  seed?: number  followPointer?: boolean  label?: string  children?: ReactNode  className?: string}export function RayBloom({  spokes = 96,  pulses = 5,  speed = 1,  twinkle = 1,  bloom = 1,  size = 1,  centerX = 0.5,  centerY = 0.5,  color = 'currentColor',  opacity = 1,  seed = 7,  followPointer = false,  label,  children,  className,}: RayBloomProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}