MCP Document Processor

import React from 'react'; import { Routes, Route } from 'react-router-dom'; import { ThemeProvider, createTheme } from '@mui/material/styles'; import CssBaseline from '@mui/material/CssBaseline'; import Dashboard from './pages/Dashboard'; import DocumentUpload from './pages/DocumentUpload'; import DocumentView from './pages/DocumentView'; import Layout from './components/Layout'; import './App.css'; // Create a theme instance const theme = createTheme({ palette: { primary: { main: '#1976d2', }, secondary: { main: '#dc004e', }, background: { default: '#f5f5f5', }, }, typography: { fontFamily: [ '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', ].join(','), }, }); function App() { return ( <ThemeProvider theme={theme}> <CssBaseline /> <Layout> <Routes> <Route path="/" element={<Dashboard />} /> <Route path="/upload" element={<DocumentUpload />} /> <Route path="/documents/:documentId" element={<DocumentView />} /> </Routes> </Layout> </ThemeProvider> ); } export default App;