import React, { Fragment } from 'react';
import { useDraggableSortable } from '../useDraggableSortable/index.js';
export const DraggableSortableItem = (props)=>{
    const { id, children, disabled } = props;
    const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
        id,
        disabled
    });
    return /*#__PURE__*/ React.createElement(Fragment, null, children({
        attributes: {
            ...attributes,
            style: {
                cursor: isDragging ? 'grabbing' : 'grab'
            }
        },
        listeners,
        setNodeRef,
        transform
    }));
};
export default DraggableSortableItem;

//# sourceMappingURL=index.js.map