import React from "react";
// import { Box, Grid } from '@mui/material';
// import Navbar from "../../components/MUI/NavbarComponent";
// import Modals from '../../components/MUI/Examples/ModalsExample';
// import DataGrid from '../../components/MUI/Examples/DataGridExample';
// import PagingSortingFiltering from '../../components/MUI/Examples/PagingSortingFilteringExample';
// import PagingSortingFilteringServerSide from '../../components/MUI/Examples/PagingSortingFilteringExampleServerSide';
// import RandomDataProvider from '../../context/RandomDataContext';

const HomePage = () => {
  return (
    <div>
      {/* <Navbar /> */}
      <div className="l-t-rectangle"></div>
      <div className="r-b-rectangle"></div>
      {/* <Box sx={{ mt: 4, mx: 4 }}>
				<Grid container spacing={2} justifyContent="center">
					<Grid item xs={12} md={3}>
						<Modals />
					</Grid>
					<Grid item xs={12} md={6}>
						<DataGrid />
					</Grid>
                    <Grid item xs={12} md={9}>
                        <PagingSortingFiltering />
                    </Grid>
                    <Grid item xs={12} md={9}> */}
      {/* Move to higher components? */}
      {/* <RandomDataProvider>
                            <PagingSortingFilteringServerSide />
                        </RandomDataProvider>
                    </Grid>
				</Grid>
			</Box> */}
    </div>
  );
};

export default HomePage;
