import { Link } from "react-router-dom";
import { useAuth } from "../contexts/AuthContext";
import "./Footer.css";

export default function Footer() {
  const { currentUser } = useAuth();

  if (!currentUser) return null;

  return (
    <footer className="footer">
      <div className="footer__inner">
        <span className="footer__copyright">© 2026 sjDev.co</span>
        <Link
          to="/terms"
          target="_blank"
          rel="noopener noreferrer"
          className="footer__link"
        >
          Terms
        </Link>
        <Link
          to="/privacy"
          target="_blank"
          rel="noopener noreferrer"
          className="footer__link"
        >
          Privacy
        </Link>
        <Link
          to="/support"
          target="_blank"
          rel="noopener noreferrer"
          className="footer__link"
        >
          Contact Support
        </Link>
      </div>
    </footer>
  );
}
