function Footer() {
  const InGameChip = window.InGameChip;
  const discordUrl = window.__BYCONFIG__?.discord_url || '';
  return (
    <footer className="footer">
      <div className="footer-frame">
        <span className="corner tl" /><span className="corner tr" />
        <span className="corner bl" /><span className="corner br" />
        <div className="footer-inner">
          <div className="footer-alliance">
            <div className="footer-eye">// CORP //</div>
            <div className="footer-corp">BIG YOSHI ENERGY INC.</div>
            <div className="footer-alli">LOWSEC · INDEPENDENT</div>
          </div>
          <div className="footer-status">
            <div className="footer-eye">// STATUS</div>
            <div className="footer-skirmish"><span className="skirmish-dot" />RECRUITING</div>
            <div className="footer-meta">buyback live · newbro friendly</div>
          </div>
          <div className="footer-cta">
            <div className="footer-eye">// CONTACT</div>
            <div className="footer-channel">
              <div className="footer-channel-lbl">IN-GAME</div>
              <InGameChip name="Big Yoshi Public" />
              <div className="footer-channel-hint">open chat → join channel</div>
            </div>
            {discordUrl && (
              <div className="footer-channel">
                <div className="footer-channel-lbl">DISCORD</div>
                <a href={discordUrl} target="_blank" rel="noopener noreferrer" className="footer-ch footer-link">
                  #big-yoshi-public ›
                </a>
              </div>
            )}
            <div className="footer-ch footer-pindragoon">pindragoon @ discord</div>
          </div>
        </div>
        <div className="footer-bottom">Infest · Persist · Resist · © {new Date().getFullYear()}</div>
      </div>
    </footer>
  );
}
window.Footer = Footer;