import { jsx as _jsx } from "react/jsx-runtime";
import { SortableListComposition as SortableList } from '../../../SortableListComposition';
export const SortableRows = ({ items, onDragEnd, renderRow, sx, }) => (_jsx(SortableList.Root, { onDragEnd: onDragEnd, restrictToAncestor: true, direction: "vertical", hasDragOverlay: true, dragActivationDistance: 0, sx: sx, children: items.map(item => (_jsx(SortableList.Item, { id: item.id, children: renderRow(item) }, item.id))) }));
