1 files changed, 25 insertions, 0 deletions

diff --git a/subprojects/frontend/src/WorkArea.tsx b/subprojects/frontend/src/WorkArea.tsx
new file mode 100644
index 00000000..a1fbf7dc
--- /dev/null
+++ b/subprojects/frontend/src/WorkArea.tsx
@@ -0,0 +1,25 @@
+/*
+ * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/>
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { observer } from 'mobx-react-lite';
+
+import DirectionalSplitPane from './DirectionalSplitPane';
+import ModelWorkArea from './ModelWorkArea';
+import { useRootStore } from './RootStoreProvider';
+import EditorPane from './editor/EditorPane';
+
+export default observer(function WorkArea(): JSX.Element {
+  const { themeStore } = useRootStore();
+
+  return (
+    <DirectionalSplitPane
+      primary={<EditorPane />}
+      secondary={<ModelWorkArea />}
+      primaryOnly={!themeStore.showGraph && !themeStore.showTable}
+      secondaryOnly={!themeStore.showCode}
+    />
+  );
+});