/*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";
import Button from "components/CustomButtons/Button.js";

import styles from "assets/jss/nextjs-material-kit/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>
                <List justify="center" className={classes.list}>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="tugas_fungsi" className={classes.block}
                        >
                            Tugas & Fungsi
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="sejarah" className={classes.block}
                        >
                            Sejarah Perusahaan
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="profile" className={classes.block}
                        >
                            Profil Perusahaan
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="tata_kelola"
                            className={classes.block}
                        
                        >
                            Tata Kelola Perusahaan
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="struktur_organisasi"
                            className={classes.block}
                        >
                            Struktur Organisasi
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="saham"
                            className={classes.block}
                        
                        >
                            Kepemilikan Saham
                        </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a
                            href="penghargaan"
                            className={classes.block}
                        
                        >
                            Penghargaan
                        </a>
                    </ListItem>
                </List>
            </div>
        </div>
    </footer>
);
}

Footer.propTypes = {
    whiteFont: PropTypes.bool
};
