import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DragDropContext } from 'react-beautiful-dnd';
import { Row, Col } from 'antd';
import DroppableArea from './DroppableArea';
export default function Axes({ pivotConfig, onMove }) {
    return (_jsx(DragDropContext, { onDragEnd: ({ source, destination, ...props }) => {
            if (!destination) {
                return;
            }
            onMove({
                sourceIndex: source.index,
                destinationIndex: destination.index,
                sourceAxis: source.droppableId,
                destinationAxis: destination.droppableId,
            });
        }, children: _jsxs(Row, { children: [_jsx(Col, { span: 12, style: { minWidth: 160 }, children: _jsx(DroppableArea, { pivotConfig: pivotConfig, axis: "x" }) }), _jsx(Col, { span: 12, style: { minWidth: 160 }, children: _jsx(DroppableArea, { pivotConfig: pivotConfig, axis: "y" }) })] }) }));
}
//# sourceMappingURL=Axes.js.map