import React from "react";

//import List from '@material-ui/core/List';
//import ListItem from '@material-ui/core/ListItem';

//borderTop: "1px solid #385F71"
const FooterStyle = {
  right: "0",
  left: "0",
  bottom: "0",
  height: "130px",
  backgroundColor: "rgba(15, 14, 31, 1)",
};

const FooterInfo = {
  maxWidth: "1150px",
  minWidth: "768px",
  textAlign: "center",
  margin: "auto",
};

const hrefStyle = {
  color: "#bdbdbd",
  textDecoration: "none",
};

const Footer = (props) => {
  return (
    <div style={FooterStyle}>
      <div style={FooterInfo}>
        <Box />
      </div>
    </div>
  );
};

const Box = (props) => {
  return (
    <div style={{ display: "flex" }}>
      <div style={{ flex: "1" }}>
        <a style={hrefStyle} href="/about">
          <h1>About</h1>
        </a>
      </div>
      <div style={{ flex: "1" }}>
        <a style={hrefStyle} href="/privacy-policy">
          <h1>Privacy Policy</h1>
        </a>
      </div>
    </div>
  );
};

export default Footer;