Pull Button

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type PullButtonProps = {  ref?: Ref<HTMLButtonElement>  range?: number  strength?: number  color?: string  textColor?: string  fillColor?: string  fillTextColor?: string  borderWidth?: number  borderColor?: string  duration?: number  className?: string}export function PullButton({  ref,  range = 90,  strength = 0.35,  color = 'var(--color-foreground)',  textColor = 'var(--color-background)',  fillColor = 'var(--color-primary)',  fillTextColor = 'var(--color-primary-foreground)',  borderWidth = 0,  borderColor,  duration = 480,  className,}: PullButtonProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}