import React from "react";
import { BrowserRouter } from "react-router-dom";
import { ThemeProvider, createTheme } from "@mui/material/styles";
import CssBaseline from "@mui/material/CssBaseline";
import AppRoutes from "./routes";
// import AppRoutes from "./routes/AppRoutes";
// import Layout from "./components/Layout";

const theme = createTheme({
  palette: {
    background: {
      default: "#f8f8f8",
    },
    primary: {
      main: "#000000",
    },
  },
  typography: {
    fontFamily: '"Inter", sans-serif',
  },
});

const App: React.FC = () => {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <BrowserRouter>
        <AppRoutes />
      </BrowserRouter>
    </ThemeProvider>
  );
};

export default App;
