27 lines
795 B
TypeScript
27 lines
795 B
TypeScript
|
|
||
|
|
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>
|
||
|
|
)
|
||
|
|
}
|