import type { ReactNode } from 'react';
import { Sidebar } from './sidebar';
import { Topbar } from './topbar';

interface AppShellProps {
  children: ReactNode;
}

export function AppShell({ children }: AppShellProps): React.ReactElement {
  return (
    <div className="min-h-screen">
      <Sidebar />
      <div className="pl-sidebar">
        <Topbar />
        <main className="p-6">{children}</main>
      </div>
    </div>
  );
}