Presence Cursor

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type PresenceCursorProps = {  label?: ReactNode  color?: string  textColor?: string  size?: number  maxTilt?: number  offset?: PresenceCursorOffset  labelOffset?: 'auto' | PresenceCursorOffset  children?: ReactNode  className?: string}export function PresenceCursor({  label = 'You',  color = '#2f5bd8',  textColor = '#ffffff',  size = 1,  maxTilt = 12,  offset = { x: 0, y: 0 },  labelOffset = 'auto',  children,  className,}: PresenceCursorProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}