import './index.css';
import { Sidebar } from './components/Sidebar';
import { ChatArea } from './components/ChatArea';
import { RightPanel } from './components/RightPanel';

function App() {
  return (
    <div className="h-screen flex overflow-hidden text-gray-800 text-sm">
      {/* 左侧边栏 */}
      <Sidebar />
      
      {/* 中间对话区域 */}
      <main className="flex-1 flex flex-col bg-white relative">
        <ChatArea />
      </main>
      
      {/* 右侧边栏 */}
      <RightPanel />
    </div>
  );
}

export default App;