1 files changed, 21 insertions, 0 deletions

diff --git a/subprojects/frontend/src/Refinery.tsx b/subprojects/frontend/src/Refinery.tsx
new file mode 100644
index 00000000..41f835b3
--- /dev/null
+++ b/subprojects/frontend/src/Refinery.tsx
@@ -0,0 +1,21 @@
+import Grow from '@mui/material/Grow';
+import Stack from '@mui/material/Stack';
+import { SnackbarProvider } from 'notistack';
+import React from 'react';
+
+import TopBar from './TopBar';
+import UpdateNotification from './UpdateNotification';
+import EditorPane from './editor/EditorPane';
+
+export default function Refinery(): JSX.Element {
+  return (
+    // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes
+    <SnackbarProvider TransitionComponent={Grow}>
+      <UpdateNotification />
+      <Stack direction="column" height="100vh" overflow="auto">
+        <TopBar />
+        <EditorPane />
+      </Stack>
+    </SnackbarProvider>
+  );
+}