import {
    Box,
  } from "@mui/material";
import { DraggableList } from "./DraggableList";
import { SwitchBranchingPanel } from "./SwitchBranchingPanel";
import { BranchingMap } from "./BranchingMap";
import {useQuestionsStore} from "@root/questions/store";


export const QuestionSwitchWindowTool = () => {
    const {openBranchingPanel} = useQuestionsStore.getState()
console.log(openBranchingPanel)
    return (
                <Box sx={{ display: "flex", gap: "20px", flexWrap: "wrap" }}>
                <Box sx={{ flexBasis: "796px" }}>
                    {openBranchingPanel? <BranchingMap /> : <DraggableList />}
                </Box>
                <SwitchBranchingPanel
                />
            </Box>
    )
}