gistfile1.tsx

import { useState } from 'react'

export const Draggable: React.FC<{}> = ({ children }) => {
  const [position, setPosition] = useState({ x: 0, y: 0 })

  return (
    <div
      className="cursor-move"
      draggable
      style={{ transform: `translate(${position.x}px, ${position.y}px)` }}
      onDrag={(e) => {
        console.log(e)
        setPosition({
          x: position.x + e.nativeEvent.offsetX / 10,
          y: position.y + e.nativeEvent.offsetY / 10,
        })
      }}
    >
      {children}
    </div>
  )
}