Cipher Button

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type CipherButtonProps = {  label: string  charset?: CipherSetName | (string & {})  cycles?: number  stagger?: number  frame?: number  textColor?: string  hoverTextColor?: string  background?: string  border?: boolean  borderColor?: string  lightColor?: string  lightSpeed?: number  lightCount?: number  lightTrail?: number  lightWidth?: number  glow?: number  className?: string}export function CipherButton({  label,  charset = 'symbols',  cycles = 4,  stagger = 55,  frame = 42,  textColor,  hoverTextColor,  background,  border = false,  borderColor,  lightColor = '#ff6a3d',  lightSpeed = 2.4,  lightCount = 1,  lightTrail = 0.75,  lightWidth = 1.5,  glow = 0.22,  className,}: CipherButtonProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}