window.SiteFooter = function SiteFooter(props) {
  const { links, currentPath } = props;

  return (
    <footer className="site-footer">
      <div className="container footer-inner">
        <a className="footer-brand" href="/" aria-label="Hernández & Asociados">
          <img src="/assets/images/footer-logo.png" alt="" aria-hidden="true" />
        </a>

        <nav className="footer-nav" aria-label="Pie de página">
          <ul>
            {links.map(function renderFooterLink(link) {
              return (
                <li key={link.href}>
                  <a
                    className={currentPath === link.href ? "is-active" : ""}
                    href={link.href}
                  >
                    {link.label}
                  </a>
                </li>
              );
            })}
          </ul>
        </nav>

        <p className="footer-note">Copyright © 2026 Hernández & Asociados</p>
      </div>
    </footer>
  );
};
