frontend/src/components/Footer.js

import { Box, Typography, Link } from '@mui/material';
import config from '../config';

function Footer() {
  return (
    <Box
      component="footer"
      sx={{
        py: 3,
        px: 2,
        mt: 'auto',
        backgroundColor: 'background.paper',
        borderTop: '1px solid',
        borderColor: 'divider',
        textAlign: 'center'
      }}
    >
      <Typography variant="body2" color="text.secondary">
        {'Copyright © '}
        <Link 
          color="inherit" 
          href={config.footer.copyright.link}
          target="_blank"
          rel="noopener"
        >
          {config.footer.copyright.text}
        </Link>
        {' '}
        {new Date().getFullYear()}
      </Typography>
      <Typography variant="caption" color="text.secondary" sx={{ mt: 1 }}>
        Version {config.footer.version}
      </Typography>
    </Box>
  );
}

export default Footer;