'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
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, transition } = useDraggableSortable({
        id,
        disabled
    });
    return /*#__PURE__*/ _jsxDEV(Fragment, {
        children: children({
            attributes: {
                ...attributes,
                style: {
                    cursor: isDragging ? 'grabbing' : 'grab'
                }
            },
            isDragging,
            listeners,
            setNodeRef,
            transform,
            transition
        })
    }, void 0, false, {
        fileName: "src/elements/DraggableSortable/DraggableSortableItem/index.tsx",
        lineNumber: 24,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map