const { Readout } = window.JabberwockeeDesignSystem_646027;
function Footer({ onNav }) {
  const D = window.JW_DATA;
  return (
    <footer className="jw-footer" data-theme="ink">
      <div className="jw-container jw-footer-inner">
        <div style={{ display: "flex", alignItems: "center", gap: 16 }}>
          <span style={{ background: "var(--paper-50)", padding: 6, display: "grid", placeItems: "center" }}><img src={D.logo} alt="Jabberwockee Talkies" style={{ height: 48, width: "auto" }} /></span>
          <span style={{ font: "400 28px/1 var(--font-serif-display)", color: "var(--text-display)" }}>Jabberwockee</span>
        </div>
        <nav style={{ display: "flex", gap: 24 }}>
          {[["Projects", "projects"], ["Press", "press"], ["Awards", "awards"]].map(([l, id]) => <a key={id} href={"#" + id} onClick={(e) => { e.preventDefault(); onNav(id); }} style={{ font: "var(--type-body-sm)", fontWeight: 500 }}>{l}</a>)}
        </nav>
        <span style={{ font: "var(--type-body-sm)", color: "var(--text-muted)" }}>{D.copyright}</span>
      </div>
    </footer>
  );
}
window.Footer = Footer;