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

interface AppShellProps {
  title: string
  projectId?: string
  children: ReactNode
}

export function AppShell({ title, projectId, children }: AppShellProps) {
  return (
    <div className="app-shell">
      <Sidebar projectId={projectId} />
      <div className="main-area">
        <Topbar title={title} />
        <main className="main-content">
          {children}
        </main>
      </div>
    </div>
  )
}