text: import React from "react";
  import { makeStyles } from '@material-ui/core/styles';
  import { BottomNavigation, BottomNavigationAction } from '@material-ui/core';
  import CopyrightIcon from '@material-ui/icons/Copyright';
  
  const useStylesFooter = makeStyles(() => ({
      root: {
          maxHeight: '35px',
          marginTop: `calc(10% + 60px)`,
          marginLeft: '-7px',
          fontFamily: '"Titillium Web", sans-serif',
          "& .MuiBottomNavigation-root": {
              height: '35px',
              justifyContent: 'left',
              backgroundColor: "rgba(152, 158, 157, 0.438)",
              position: 'absolute',
              width: '101%'
          },
          "& .MuiBottomNavigationAction-label": {
              width: 'max-content'
          },
          "& .MuiBottomNavigationAction-root": {
              flex: '0'
          },
          bottom: '0%'
      }
  }))
  
  function Footer() {
      const classesFooter = useStylesFooter();
  
      return (
          <div className={classesFooter.root}>
              <BottomNavigation showLabels>
                  <BottomNavigationAction disabled icon={<CopyrightIcon style={{ marginTop: '2px', marginLeft: '8px' }}></CopyrightIcon>} />
                  <BottomNavigationAction disabled label={<span style={{ marginTop: '3px', marginLeft: '110px' }}>{new Date().getFullYear()} StudySuccess. All rights reserved.</span>} />
              </BottomNavigation>
          </div>
      )
  }
  
  export default Footer