import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import { Draggable } from "react-beautiful-dnd";
export class FlowStepDraggableData {
    constructor(id, index, step, flow, sequence) {
        this.id = id;
        this.index = index;
        this.step = step;
        this.flow = flow;
        this.sequence = sequence;
    }
}
export class FlowStepDesignWrapper extends React.Component {
    constructor(value) {
        super(value);
        this.innerComponentRef = null;
        this.wrapped = value.step;
    }
    render() {
        return (_jsx(_Fragment, { children: _jsx(Draggable, Object.assign({ draggableId: this.props.id, index: this.props.index }, { children: (provided, snapshot) => {
                    return (_jsx("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { children: _jsx("div", Object.assign({ ref: (ref) => (this.innerComponentRef = ref), style: { position: "relative" } }, { children: this.props.step.render() }), void 0) }), void 0));
                } }), this.props.step._id) }, void 0));
    }
}
//# sourceMappingURL=FlowStepDesignWrapper.js.map