import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Home from './pages/Home';
import Login from './pages/login/Login';
import Devices from './pages/devices/Devices';
import DeviceDetail from './pages/devices/DeviceDetail';
import WechatAccounts from './pages/wechat-accounts/WechatAccounts';
import WechatAccountDetail from './pages/wechat-accounts/WechatAccountDetail';
import Workspace from './pages/workspace/Workspace';
import AutoGroupDetail from './pages/workspace/auto-group/Detail';
import MomentsSync from './pages/workspace/moments-sync/MomentsSync';
import MomentsSyncDetail from './pages/workspace/moments-sync/Detail';
import TrafficDistribution from './pages/workspace/traffic-distribution/TrafficDistribution';
import TrafficDistributionDetail from './pages/workspace/traffic-distribution/Detail';
import Scenarios from './pages/scenarios/Scenarios';
import Profile from './pages/profile/Profile';
import Plans from './pages/plans/Plans';
import Orders from './pages/orders/Orders';
import TrafficPool from './pages/traffic-pool/TrafficPool';
import ContactImport from './pages/contact-import/ContactImport';
import Content from './pages/content/Content';

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/login" element={<Login />} />
        <Route path="/devices" element={<Devices />} />
        <Route path="/devices/:id" element={<DeviceDetail />} />
        <Route path="/wechat-accounts" element={<WechatAccounts />} />
        <Route path="/wechat-accounts/:id" element={<WechatAccountDetail />} />
        <Route path="/workspace" element={<Workspace />} />
        <Route path="/workspace/auto-group/:id" element={<AutoGroupDetail />} />
        <Route path="/workspace/moments-sync" element={<MomentsSync />} />
        <Route path="/workspace/moments-sync/:id" element={<MomentsSyncDetail />} />
        <Route path="/workspace/traffic-distribution" element={<TrafficDistribution />} />
        <Route path="/workspace/traffic-distribution/:id" element={<TrafficDistributionDetail />} />
        <Route path="/scenarios" element={<Scenarios />} />
        <Route path="/profile" element={<Profile />} />
        <Route path="/plans" element={<Plans />} />
        <Route path="/orders" element={<Orders />} />
        <Route path="/traffic-pool" element={<TrafficPool />} />
        <Route path="/contact-import" element={<ContactImport />} />
        <Route path="/content" element={<Content />} />
        {/* 你可以继续添加更多路由 */}
      </Routes>
    </BrowserRouter>
  );
}

export default App;
