// Footer.jsx — Esther Chan

function Footer({ navigate }) {
    var _hov = React.useState(false);
    var hovered = _hov[0];
    var setHovered = _hov[1];
  
    var year = new Date().getFullYear();
  
    return React.createElement('footer', {
      style: {
        background: '#080808',
        borderTop: '1px solid rgba(255,255,255,0.05)',
        padding: '40px clamp(24px,4vw,48px) 32px',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        gap: '16px',
      }
    },
      // LinkedIn link (top)
      React.createElement('a', {
        href: 'https://www.linkedin.com/in/estherchandesign/',
        target: '_blank',
        rel: 'noopener noreferrer',
        style: {
          fontSize: '11px',
          fontWeight: 500,
          letterSpacing: '0.22em',
          textTransform: 'uppercase',
          color: hovered ? '#ff8a4c' : 'rgba(255,255,255,0.45)',
          cursor: 'pointer',
          transition: 'color 0.2s ease',
          textDecoration: 'none',
        },
        onMouseEnter: function() { setHovered(true); },
        onMouseLeave: function() { setHovered(false); }
      }, 'LinkedIn ↗'),
  
      // Copyright (centered, bottom)
      React.createElement('div', {
        style: {
          fontSize: '12px',
          fontWeight: 400,
          letterSpacing: '0.08em',
          color: 'rgba(255,255,255,0.30)',
          textAlign: 'center',
        }
      }, '© ' + year + ' Esther Chan. All rights reserved.')
    );
  }
  
  Object.assign(window, { Footer });