import {
    Box,
  } from "@mui/material";
import { DraggableList } from "./DraggableList";
import { BranchingPanel } from "./BranchingPanel";
import { BranchingMap } from "./BranchingMap";

interface Props {
    settingBranching: boolean;
    setSettingBranching: (active: boolean) => void
}

export const QuestionSwitchWindowTool = ({settingBranching, setSettingBranching}:Props) => {

    return (
                <Box sx={{ display: "flex", gap: "20px", flexWrap: "wrap" }}>
                <Box sx={{ flexBasis: "796px" }}>
                {settingBranching ? <BranchingMap /> : <DraggableList />}
                </Box>
                <BranchingPanel
                active={settingBranching}
                setActive={setSettingBranching}
                />
            </Box>
    )
}