text: import React from 'react';
  import Typography from '@material-ui/core/Typography';
  import { makeStyles } from '@material-ui/styles';
  import Link from '@material-ui/core/Link';
  
  function Copyright() {
    return (
      <Typography variant="body2" color="textSecondary">
        {'Copyright © '}
        <Link color="inherit" href="/">
          CodeDrop
        </Link>{' '}
        {new Date().getFullYear()}
        {'.'}
      </Typography>
    );
  }
  
  const useStyles = makeStyles({
    footer: {
      display: 'flex',
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#FFECD6',
      minHeight: '50px',
      boxShadow: '0px -1px 2px rgb(0 0 0 / 20%)'
    },
  });
  
  export default function StickyFooter() {
    const classes = useStyles();
  
    return (
      <footer className={classes.footer}>
        <Copyright />
      </footer>
    );
  }
  