DNDGamePlayer: Electron редактор сцен, презентация, упаковка electron-builder

Made-with: Cursor

app/renderer/shared/ui/LayoutShell.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import styles from './LayoutShell.module.css';
+
+type Props = {
+  topBar: React.ReactNode;
+  left: React.ReactNode;
+  center: React.ReactNode;
+  right: React.ReactNode;
+};
+
+export function LayoutShell({ topBar, left, center, right }: Props) {
+  return (
+    <div className={styles.root}>
+      <div className={styles.topBar}>{topBar}</div>
+      <div className={styles.body}>
+        <div className={styles.col}>{left}</div>
+        <div className={styles.col}>{center}</div>
+        <div className={styles.col}>{right}</div>
+      </div>
+    </div>
+  );
+}