working on cutscenes

cutsceneEditor/src/components/CenterPanel/CenterPanel.module.css

@@ -0,0 +1,18 @@
+.panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+}
+
+.previewArea {
+  flex: 0 1 420px;
+  min-height: 120px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #111;
+  padding: 8px;
+  overflow: hidden;
+}

cutsceneEditor/src/components/CenterPanel/CenterPanel.tsx

@@ -0,0 +1,16 @@
+import styles from './CenterPanel.module.css';
+import Preview from '../Preview/Preview';
+import Controls from '../Controls/Controls';
+import Timeline from '../Timeline/Timeline';
+
+export default function CenterPanel() {
+  return (
+    <div className={styles.panel}>
+      <div className={styles.previewArea}>
+        <Preview />
+      </div>
+      <Controls />
+      <Timeline />
+    </div>
+  );
+}