Vinyl Sticker

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type VinylStickerProps = {  src: string  alt: string  width?: number  height?: number  defaultPosition?: { x: StickerCoord; y: StickerCoord }  rotate?: number  maxTilt?: number  elevation?: number  curl?: number  sheen?: boolean  sheenColor?: string  sheenStrength?: number  border?: number  borderColor?: string  radius?: number  label?: string  keyboardStep?: number  crossOrigin?: 'anonymous' | 'use-credentials' | undefined  onMove?: (position: { x: number; y: number }) => void  className?: string}export function VinylSticker({  src,  alt,  width = 200,  height = 200,  defaultPosition = { x: '50%', y: '50%' },  rotate = 0,  maxTilt = 24,  elevation = 44,  curl = 0.65,  sheen = true,  sheenColor = '#fffaf0',  sheenStrength = 0.6,  border = 7,  borderColor = '#ffffff',  radius = 20,  label,  keyboardStep = 10,  crossOrigin = 'anonymous',  onMove,  className,}: VinylStickerProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}