/* global React */
function Footer({ setView }) {
  const go = (e, v) => {
    e.preventDefault();
    if (setView) setView(v);
  };
  return (
    <footer className="cs-footer">
      <div className="container">
        <div className="cs-footer-top">
          <a className="cs-brand" href="/" onClick={(e) => go(e, 'home')}>
            <img className="cs-brand-mark" src="assets/mark-transparent.svg" alt="" />
            <span className="cs-brand-word">conspand</span>
          </a>
          <span className="cs-footer-tag">creating a world of love and liberty</span>
        </div>
        <div className="cs-footer-bottom">
          <div className="cs-footer-links">
            <a href="/manifesto" onClick={(e) => go(e, 'manifesto')}>manifesto</a>
            <a href="/principles" onClick={(e) => go(e, 'principles')}>principles</a>
            <a href="/work" onClick={(e) => go(e, 'work')}>work</a>
            <a href="/contact" onClick={(e) => go(e, 'contact')}>contact</a>
          </div>
          <span>© 2026 conspand · the cycle requantizes</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;