import { Box, Divider, Grid, Typography } from '@mui/material';
import { FC } from 'react';

const Footer: FC = () => {
  return (
    <Box
      sx={{
        marginTop: 2,
        display: 'flex',
        justifyContent: 'center',
      }}
    >
      <Box sx={{ maxWidth: '800px', flexGrow: 1 }}>
        <Grid container spacing={2}>
          <Grid item xs={12} sx={{ height: '50px' }} />
          <Grid item xs={12}>
            <Divider />
          </Grid>
          <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'center' }}>
            <Typography variant="caption">© 2024 Kilian Kurt Hofmann</Typography>
          </Grid>
        </Grid>
      </Box>
    </Box>
  );
};

export default Footer;

/*



*/
