import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DragDropContext } from 'react-beautiful-dnd';
import { Grid } from '@cube-dev/ui-kit';
import { PivotDroppableArea } from './DroppableArea';
export function PivotAxes({ pivotConfig, onMove, }) {
    return (_jsx(DragDropContext, { onDragEnd: ({ source, destination }) => {
            if (!destination) {
                return;
            }
            onMove({
                sourceIndex: source.index,
                destinationIndex: destination.index,
                sourceAxis: source.droppableId,
                destinationAxis: destination.droppableId,
            });
        }, children: _jsxs(Grid, { columns: "minmax(160px, 1fr) minmax(160px, 1fr)", children: [_jsx("div", { children: _jsx(PivotDroppableArea, { pivotConfig: pivotConfig, axis: "x" }) }), _jsx("div", { children: _jsx(PivotDroppableArea, { pivotConfig: pivotConfig, axis: "y" }) })] }) }));
}
//# sourceMappingURL=Axes.js.map