import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { Toaster } from '@/shared/components/Toaster';
import ChatPage from '@/features/chat/presentation/pages/ChatPage';
import ProfilePage from '@/features/user/presentation/pages/ProfilePage';
import BindPhonePage from '@/features/user/presentation/pages/BindPhonePage';

function App() {
  return (
    <BrowserRouter>
      <div className="min-h-screen bg-gradient-to-br from-blue-50 to-white">
        <Routes>
          <Route path="/" element={<ChatPage />} />
          <Route path="/chat" element={<ChatPage />} />
          <Route path="/chat/:conversationId" element={<ChatPage />} />
          <Route path="/profile" element={<ProfilePage />} />
          <Route path="/bind-phone" element={<BindPhonePage />} />
        </Routes>
        <Toaster />
      </div>
    </BrowserRouter>
  );
}

export default App;
