Warp Type

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type WarpTypeProps = {  text: string  force?: number  radius?: number  fringe?: boolean  palette?: string[]  cycleMs?: number  color?: string  stiffness?: number  as?: 'span' | 'div' | 'p' | 'h1' | 'h2' | 'h3' | 'h4'  className?: string}export function WarpType({  text,  force = 24,  radius,  fringe = true,  palette = DEFAULT_PALETTE,  cycleMs = 420,  color,  stiffness = 1,  as = 'span',  className,}: WarpTypeProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}