/* Footer.jsx */

function Footer({ onNav }) {
  const link = (id, label) => (
    <a href={"#" + id} onClick={(e) => { e.preventDefault(); onNav(id); }}>{label}</a>
  );
  return (
    <footer className="site-footer">
      <Container>
        <div className="footer-top">
          <div className="footer-brand">
            <div className="wm">Carolina Oncology Review</div>
            <div className="gold-rule"></div>
            <div className="wm-sub">MEDICAL · LEGAL · ONCOLOGY · CHARLESTON</div>
            <p>An oncology medical-legal consultancy serving plaintiff medical-malpractice attorneys across South Carolina.</p>
          </div>
          <div className="footer-col">
            <h4>Practice</h4>
            {link('services', 'Merit screening')}
            {link('services', 'Medical-record review')}
            {link('services', 'Expert testimony')}
            {link('services', 'Carolina Cancer Case Card')}
          </div>
          <div className="footer-col">
            <h4>Firm</h4>
            {link('about', 'About the founder')}
            {link('about', 'Methodology')}
            <a href="#" onClick={(e) => e.preventDefault()}>SCAJ resources</a>
            <a href="#" onClick={(e) => e.preventDefault()}>Sample reports</a>
          </div>
          <div className="footer-col">
            <h4>Contact</h4>
            <a href="#" onClick={(e) => e.preventDefault()}>review@carolinaonc.legal</a>
            <a href="#" onClick={(e) => e.preventDefault()}>(843) 555-0142</a>
            <a href="#" onClick={(e) => e.preventDefault()}>171 Church Street, Charleston, SC 29401</a>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 Carolina Oncology Review, LLC. All rights reserved.</span>
          <span>Charleston · South Carolina</span>
        </div>
      </Container>
    </footer>
  );
}

Object.assign(window, { Footer });