import { useNavigate } from "react-router-dom";
import logoWhite from "../../Assets/logoWhite.png";

import "../../styles/footer.scss";
const Footer = () => {
  const navigate = useNavigate();

  function handleClick(route) {
    navigate(`/${route}`);
  }

  return (
    <div className="footer-container">
      <div className="footer-upper-box">
        <div className="footer-left-box">
          <div className="footer-left-inner">
            <img className="footer-logo" src={logoWhite}></img>
          </div>
        </div>
        <div className="footer-right-box" id="scroll-target-id">
          <a className="footer-item-link" onClick={() => handleClick("tos")}>
            Terms of Service
          </a>
          <a
            className="footer-item-link"
            onClick={() => handleClick("accessibility")}
          >
            Accessibility
          </a>
          <a
            className="footer-item-link"
            onClick={() => handleClick("privacy")}
          >
            Privacy
          </a>
        </div>
      </div>
      <div className="footer-lower-box">
        <p className="footer-item">
          © 2023-2024 Novodraft - All Rights Reserved
        </p>
      </div>
    </div>
  );
};

export default Footer;
