text: /*eslint-disable*/
  import React from "react";
  // nodejs library to set properties for components
  import PropTypes from "prop-types";
  // nodejs library that concatenates classes
  import classNames from "classnames";
  // material-ui core components
  import { List, ListItem } from "@material-ui/core";
  import { makeStyles } from "@material-ui/core/styles";
  
  // @material-ui/icons
  import Favorite from "@material-ui/icons/Favorite";
  
  import styles from "assets/jss/material-kit-react/components/footerStyle.js";
  
  const useStyles = makeStyles(styles);
  
  export default function Footer(props) {
    const classes = useStyles();
    const { whiteFont } = props;
    const footerClasses = classNames({
      [classes.footer]: true,
      [classes.footerWhiteFont]: whiteFont,
    });
    const aClasses = classNames({
      [classes.a]: true,
      [classes.footerWhiteFont]: whiteFont,
    });
    return (
      <footer className={footerClasses}>
        <div className={classes.container}>
          <div className={classes.center}>
            &copy; {new Date().getFullYear()} , made with{" "}
            <Favorite className={classes.icon} /> by{" "}
            <a
              href="https://www.linkedin.com/in/andiirsandi/"
              className={aClasses}
              target="_blank"
            >
              Andi Irsandi
            </a>{" "}
          </div>
        </div>
      </footer>
    );
  }
  
  Footer.propTypes = {
    whiteFont: PropTypes.bool,
  };
  