/* footer.jsx — FOOTER ÚNICO del sitio (window.RMFooter). Igual que navbar.jsx es
   la fuente única del navbar, este es la del footer: MISMO markup, MISMOS links y
   MISMO copy en TODAS las páginas. Los estilos viven en footer.css (fuente única).
   Antes cada página duplicaba su propio <footer> con links distintos y /portal-cliente
   ni siquiera tenía. Se carga con <script type="text/babel" src="footer.jsx"> ANTES
   del .jsx de cada página. Props: { lang } ('es' | 'en'). */
(function () {
  /* fuente única de links del footer (href, label es, label en) */
  const RM_FOOT_LINKS = [
    ['/web', 'web', 'web'],
    ['/ecommerce', 'e-commerce', 'ecommerce'],
    ['/marca', 'marca', 'brand'],
    ['/redes', 'redes', 'social'],
    ['/works', 'trabajos', 'works'],
    ['/credentials', 'credenciales', 'credentials'],
    ['/#contacto', 'contacto', 'contact'],
  ];

  function RMFooter(props) {
    const lang = props && props.lang === 'en' ? 'en' : 'es';
    const tag = lang === 'en' ? 'design with a dot' : 'diseño con punto';
    return (
      <footer className="site-footer" data-theme="dark">
        <div className="footer-inner">
          <nav className="footer-links" aria-label="Footer">
            {RM_FOOT_LINKS.map((a) => (
              <a key={a[0]} href={a[0]} className="footer-link">{lang === 'en' ? a[2] : a[1]}</a>
            ))}
          </nav>
          <h2 className="footer-wm">rmorenodot<i className="footer-dot" aria-hidden="true" />com</h2>
          <div className="footer-bottom">
            <span className="footer-copy">© 2026 rmorenodot.com</span>
            <span className="footer-tag">{tag}<i className="footer-cdot" aria-hidden="true" /></span>
          </div>
        </div>
      </footer>
    );
  }

  window.RMFooter = RMFooter;
})();