import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
export const OrderableRow = ({ cellMap, columns, dragAttributes = {}, dragListeners = {}, rowId, ...rest })=>/*#__PURE__*/ _jsxDEV("tr", {
        ...rest,
        children: columns.map((col, colIndex)=>{
            const { accessor } = col;
            // Use the cellMap to find which index in the renderedCells to use
            const cell = col.renderedCells[cellMap[rowId]];
            // For drag handles, wrap in div with drag attributes
            if (accessor === '_dragHandle') {
                return /*#__PURE__*/ _jsxDEV("td", {
                    className: `cell-${accessor}`,
                    children: /*#__PURE__*/ _jsxDEV("div", {
                        ...dragAttributes,
                        ...dragListeners,
                        children: cell
                    }, void 0, false, {
                        fileName: "src/elements/Table/OrderableRow.tsx",
                        lineNumber: 33,
                        columnNumber: 13
                    }, this)
                }, colIndex, false, {
                    fileName: "src/elements/Table/OrderableRow.tsx",
                    lineNumber: 32,
                    columnNumber: 11
                }, this);
            }
            return /*#__PURE__*/ _jsxDEV("td", {
                className: `cell-${accessor}`,
                children: cell
            }, colIndex, false, {
                fileName: "src/elements/Table/OrderableRow.tsx",
                lineNumber: 41,
                columnNumber: 9
            }, this);
        })
    }, void 0, false, {
        fileName: "src/elements/Table/OrderableRow.tsx",
        lineNumber: 22,
        columnNumber: 3
    }, this);

//# sourceMappingURL=OrderableRow.js.map