// ** MUI Imports
import Grid from '@mui/material/Grid';
import Card from '@mui/material/Card';
import Typography from '@mui/material/Typography';

import TableOrder from 'src/views/tables/TableOrder';
import { Box, CardContent, Stack } from '@mui/material';
import { setup } from 'src/lib/csrf';

const OrderTable = () => {
  return (
    <Grid container spacing={6}>
      <Grid item xs={12}>
        <Card>
          <Box title="Products" titleTypographyProps={{ variant: 'h6' }}>
            <Stack m="2rem" direction="row" alignItems={'center'} justifyContent={'space-between'}>
              <Box>
                <Typography variant="h5">Update order</Typography>
              </Box>
            </Stack>
          </Box>
          <CardContent>
            <TableOrder />
          </CardContent>
        </Card>
      </Grid>
    </Grid>
  );
};

export default OrderTable;

export const getServerSideProps = setup(async ({ req, res }) => {
  return { props: {} };
});
