import { Routes, Route } from 'react-router-dom'
import MainLayout from './components/MainLayout'
import OverviewPage from './pages/OverviewPage'
import HostListPage from './pages/HostListPage'
import UserListPage from './pages/UserListPage'
import ImageListPage from './pages/ImageListPage'
import VirtualMachineImagePage from './pages/VirtualMachineImagePage'
import DocsPage from './pages/DocsPage'

function App() {
  return (
    <MainLayout>
      <Routes>
        <Route path="/" element={<OverviewPage />} />
        <Route path="/overview" element={<OverviewPage />} />
        <Route path="/host/list" element={<HostListPage />} />
        <Route path="/user/list" element={<UserListPage />} />
        <Route path="/image/system" element={<ImageListPage />} />
        <Route path="/image/vm" element={<VirtualMachineImagePage />} />
        <Route path="/design" element={<DocsPage />} />
        {/* 其他路由将在后续添加 */}
      </Routes>
    </MainLayout>
  )
}

export default App
