import { ReactNode } from 'react';
import { Sidebar } from './sidebar';
import { ModelStatusBar } from './model-status-bar';

interface MainLayoutProps {
  children: ReactNode;
}

export function MainLayout({ children }: MainLayoutProps) {
  return (
    <div className="min-h-screen">
      <Sidebar />
      <main className="ml-64 pb-12 overflow-x-hidden" style={{ width: 'calc(100% - 16rem)', pointerEvents: 'auto' }}>
        {children}
      </main>
      <ModelStatusBar />
    </div>
  );
}
