From 62bdd79b3473262dde5fb0a90eab34fe7bf344fd Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Sun, 17 May 2026 13:07:40 -0700
Subject: 'UI Shell and General Architecture'

---
 frontend/components/prism/AppShell.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 frontend/components/prism/AppShell.tsx

(limited to 'frontend/components/prism/AppShell.tsx')

diff --git a/frontend/components/prism/AppShell.tsx b/frontend/components/prism/AppShell.tsx
new file mode 100644
index 0000000..63fd62b
--- /dev/null
+++ b/frontend/components/prism/AppShell.tsx
@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+
+type Props = {
+  sidebar: ReactNode;
+  topbar: ReactNode;
+  children: ReactNode;
+};
+
+export function AppShell({ sidebar, topbar, children }: Props) {
+  return (
+    <main className="prism-app">
+      {sidebar}
+      <div className="psm-main">
+        {topbar}
+        <section className="psm-content">{children}</section>
+      </div>
+    </main>
+  );
+}
+
-- 
cgit v1.3-2-g0d8e

