Initial import

src/app/main/pages/PlayPage.tsx

@@ -0,0 +1,17 @@
+import { LayoutPlaygroundView } from '../../../views/play/LayoutPlaygroundView';
+import { useMainLayoutContext } from '../layout/MainLayoutContext';
+import { resolveSavedLayoutIdFromMenuKey } from '../routes';
+
+export function PlayPage() {
+  const { selectedPlayMenu, setSavedLayouts } = useMainLayoutContext();
+  const selectedSavedLayoutId = resolveSavedLayoutIdFromMenuKey(selectedPlayMenu);
+
+  return (
+    <div className="app-main-panel app-main-panel--play">
+      {selectedPlayMenu === 'layout' ? <LayoutPlaygroundView onSavedLayoutsChange={setSavedLayouts} /> : null}
+      {selectedSavedLayoutId ? (
+        <LayoutPlaygroundView savedLayoutViewId={selectedSavedLayoutId} onSavedLayoutsChange={setSavedLayouts} />
+      ) : null}
+    </div>
+  );
+}