frontend/components/prism/AppShell.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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>
  );
}