function Footer(props) {
  const onNavigate = (props && props.onNavigate) || function () {};
  const col = { display: 'flex', flexDirection: 'column', gap: 10 };
  const linkStyle = { color: 'var(--ink-300)', textDecoration: 'none', fontSize: 14, cursor: 'pointer' };
  const NavLink = (label, onClick) => {
    const [hover, setHover] = React.useState(false);
    return React.createElement('a', {
      key: label, onClick, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false),
      style: { ...linkStyle, color: hover ? 'var(--brand-primary)' : 'var(--ink-300)', transition: 'color var(--dur-fast) var(--ease-standard)' },
    }, label);
  };
  const isolatie = [
    ['Spouwmuurisolatie', 'spouwmuurisolatie'], ['Dakisolatie', 'dakisolatie'], ['Vloerisolatie', 'vloerisolatie'],
    ['Bodemisolatie', 'bodemisolatie'], ['Gevelisolatie', 'gevelisolatie'],
  ];
  const overige = [
    ['Airconditioning', 'airconditioning'], ['Gevelreiniging', 'gevelreiniging'], ['Impregneren', 'impregneren'],
    ['Dakkapellen', 'dakkapellen'], ['Dakramen', 'dakramen'], ['Afbouw en renovatie', 'overige-diensten'],
  ];
  const bedrijf = [
    ['Over ons', () => onNavigate('over-ons')], ['Zakelijk', () => onNavigate('zakelijk')], ['Materialen', () => onNavigate('materialen')], ['Natuurvriendelijk isoleren', () => onNavigate('natuurvriendelijk')], ['Warmtefonds', () => onNavigate('warmtefonds')],
    ['Subsidie', () => onNavigate('subsidie')], ['Veelgestelde vragen', () => onNavigate('faq')], ['Contact', () => onNavigate('contact')], ['Algemene voorwaarden', () => onNavigate('voorwaarden')],
  ];
  return React.createElement('footer', { style: { background: 'var(--ink-900)', color: '#fff', padding: '56px 40px 28px', fontFamily: 'var(--font-body)' } },
    React.createElement('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(5,1fr)', gap: 32, maxWidth: 1200, margin: '0 auto' } },
      React.createElement('div', { style: col },
        React.createElement('img', { src: './assets/logo-on-ink900.png', onClick: () => onNavigate('home'), style: { height: 64, width: 'auto', objectFit: 'contain', marginBottom: 8, marginLeft: -84, cursor: 'pointer' } }),
        React.createElement('p', { style: { color: 'var(--ink-300)', fontSize: 14, lineHeight: 'var(--lh-body)', maxWidth: 240 } }, 'Isolatie- en onderhoudsbedrijf voor particuliere en zakelijke klanten in Nederland.')
      ),
      React.createElement('div', { style: col },
        React.createElement('div', { style: { fontWeight: 700, marginBottom: 4 } }, 'Isolatie'),
        isolatie.map(([label, id]) => NavLink(label, () => onNavigate('diensten', id)))
      ),
      React.createElement('div', { style: col },
        React.createElement('div', { style: { fontWeight: 700, marginBottom: 4 } }, 'Overige diensten'),
        overige.map(([label, id]) => NavLink(label, () => onNavigate('diensten', id)))
      ),
      React.createElement('div', { style: col },
        React.createElement('div', { style: { fontWeight: 700, marginBottom: 4 } }, 'Bedrijf'),
        bedrijf.map(([label, fn]) => NavLink(label, fn))
      ),
      React.createElement('div', { style: col },
        React.createElement('div', { style: { fontWeight: 700, marginBottom: 4 } }, 'Contact'),
        React.createElement('a', { href: 'mailto:info@isokonig-onderhoud.nl', style: linkStyle }, 'info@isokonig-onderhoud.nl'),
        React.createElement('a', { href: 'tel:+31247920023', style: linkStyle }, '+31 24 792 00 23'),
        React.createElement('a', { href: 'https://maps.google.com/?q=Hulsbroek+17+6562+JG+Groesbeek', target: '_blank', rel: 'noreferrer', style: linkStyle }, 'Hulsbroek 17 G & J, 6562 JG Groesbeek'),
        React.createElement('div', { onClick: () => onNavigate('natuurvriendelijk'), style: { marginTop: 14, background: '#fff', borderRadius: 10, padding: '10px 14px', width: 'fit-content', cursor: 'pointer' } },
          React.createElement('img', { src: 'assets/natuur/logo-natuurvriendelijk-isoleren.png', alt: 'Natuurvriendelijk Isoleren', style: { width: 96, height: 'auto', display: 'block' } })),
        React.createElement('div', { style: { display: 'flex', gap: 10, marginTop: 10 } },
          [['facebook', 'https://www.facebook.com/'], ['instagram', 'https://www.instagram.com/']].map(([n, href]) =>
            React.createElement('a', { key: n, href, target: '_blank', rel: 'noreferrer', 'aria-label': n, style: { width: 40, height: 40, borderRadius: 10, border: '1px solid rgba(255,255,255,0.25)', display: 'flex', alignItems: 'center', justifyContent: 'center' } },
              React.createElement('img', { src: 'https://unpkg.com/simple-icons@11/icons/' + n + '.svg', alt: n, style: { width: 17, height: 17, filter: 'brightness(0) invert(1)' } })))
        )
      )
    ),
    React.createElement('div', { style: { maxWidth: 1200, margin: '40px auto 0', paddingTop: 20, borderTop: '1px solid var(--ink-700)', color: 'var(--ink-400)', fontSize: 13 } }, '© 2026 ISOKÖNIG Onderhoud B.V., Hulsbroek 17 G & J, 6562 JG Groesbeek')
  );
}
window.Footer = Footer;
