import { BrowserRouter } from 'react-router-dom';
import { CssBaseline, ThemeProvider } from '@mui/material';
import { theme } from './theme';
import AppRoutes from './routes';
import SnackbarProvider from './components/Provider/SnackbarProvider';
import AuthGuard from './components/AuthGuard';

import './locales';
import './utils/request'

/**
 * 封装MaterialUIApp，将主题、基础样式和路由包裹起来
 */
function MaterialUIApp() {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <SnackbarProvider>
        <BrowserRouter>
          <AuthGuard>
            <AppRoutes />
          </AuthGuard>
        </BrowserRouter>
      </SnackbarProvider>
    </ThemeProvider>
  );
}

function App() {
  return (
    <MaterialUIApp />
  );
}

export default App;