Function Draggable

src/components/utils/draggableDnd.js:6–17

(props)

function Draggable(props) {
    const {attributes, listeners, setNodeRef, transform} = useDraggable({
      id: props.id,
      data: {title: props.children}
    })
    const style = transform ? {
      transform: CSS.Translate.toString(transform),
    } : undefined
  
    
    return (
      <button className={`tw-bg-transparent tw-outline-none tw-border-none ${props.className}`} 
              ref={setNodeRef} 
              style={style} 
              {...listeners}