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

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

const InventoryTable = () => {
  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 inventory</Typography>
              </Box>
            </Stack>
          </Box>
          <CardContent>
            <TableInventory />
          </CardContent>
        </Card>
      </Grid>
    </Grid>
  );
};

export default InventoryTable;

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