// Footer.jsx
const Footer = ({ lang = 'EN' }) => {
  const isKR = lang === 'KR';
  return (
    <footer className="ms-footer ms-footer-simple" data-screen-label="Footer">
      <nav className="ms-social" aria-label={isKR ? '소셜 미디어' : 'Social'}>
        <a href="https://www.instagram.com/milim.elle" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
          <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
            <rect x="3" y="3" width="18" height="18" rx="5" />
            <circle cx="12" cy="12" r="4" />
            <circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none" />
          </svg>
        </a>
        <a href="https://www.tiktok.com/@ellemlee" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
          <svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor">
            <path d="M16.5 3a5.5 5.5 0 0 0 4.5 4.4v2.85a8.3 8.3 0 0 1-4.5-1.45v6.5a5.7 5.7 0 1 1-5.7-5.7c.28 0 .55.02.82.06v2.93a2.78 2.78 0 1 0 2.04 2.68V3h2.84z" />
          </svg>
        </a>
        <a href="https://open.kakao.com/me/ANGELML" target="_blank" rel="noopener noreferrer" aria-label="KakaoTalk">
          <svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor">
            <path d="M12 3.4c-5 0-9 3.06-9 6.83 0 2.44 1.67 4.58 4.2 5.78l-.9 3.27c-.08.3.25.55.5.38l3.95-2.6c.4.04.83.07 1.25.07 5 0 9-3.06 9-6.9S17 3.4 12 3.4z" />
          </svg>
        </a>
        <a href="https://www.linkedin.com/in/elleleenewyork" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
          <svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor">
            <path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3V9zm6 0h3.84v1.64h.05c.54-1 1.86-2.06 3.82-2.06C20.4 8.58 21 11 21 14.05V21h-4v-6.18c0-1.47-.03-3.36-2.05-3.36-2.05 0-2.37 1.6-2.37 3.25V21H9V9z" />
          </svg>
        </a>
        <a href="mailto:ellelee.nestseekers@gmail.com" aria-label="Email">
          <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
            <rect x="3" y="5" width="18" height="14" rx="2" />
            <path d="m4 7 8 6 8-6" />
          </svg>
        </a>
      </nav>

      <div className="ms-footer-bottom">
        <span>© 2026 Elle Lee</span>
        <span>{isKR ? '공정 주거 원칙 준수' : 'Equal housing · Fair housing'}</span>
      </div>
    </footer>
  );
};

window.Footer = Footer;