/* Header.jsx — Milliyet haber şapkası */
(() => {

function Header() {
  const [menuOpen, setMenuOpen] = React.useState(false);

  const navLinks = ["Son Dakika", "Gündem", "Yazarlar", "Ekonomi", "Dünya", "Resmi İlanlar"];
  const allLinks = [...navLinks, "UzmanPara", "Skorer", "Cadde", "Pembenar"];

  return (
    <header className="global-header medyanet-gravity-opacity">
      <div className="menu-container">
        <div className="menu-container__position">
          <div className="main-menu">
            <div className="container">
              <div className="row">
                <div className="col-12">
                  <div className="main-menu__inner">

                    {/* Logo */}
                    <a href="#" onClick={e => e.preventDefault()} className="main-menu__logo">
                      <img src="assets/images/milliyet_dijital_logo.svg" width="121" height="30" alt="Milliyet" />
                      <img src="assets/images/logo-white-svg.svg" width="121" height="30" alt="Milliyet" />
                    </a>

                    {/* Desktop nav */}
                    <nav className="main-menu__nav">
                      <div className="main-menu__mobile-scroll">
                        <div className="swiper-container main-menu--with-slider">
                          <div className="swiper-wrapper">
                            {navLinks.map((link, i) => (
                              <div key={i} className="swiper-slide" style={{display:"inline-block",width:"auto"}}>
                                <a href="#" onClick={e => e.preventDefault()}
                                  className={"main-menu__nav-link" + (link === "Ekonomi" ? " active" : "")}>
                                  {link}
                                </a>
                              </div>
                            ))}
                          </div>
                        </div>
                        <span className="main-menu__nav-list-degrade"></span>
                        <ul className="main-menu__nav-list main-menu__nav-list--highlighted">
                          {["UzmanPara","Skorer","Cadde","Pembenar"].map((link, i) => (
                            <li key={i} className="main-menu__nav-item without-separator">
                              <a href="#" onClick={e => e.preventDefault()} className="main-menu__nav-link">{link}</a>
                            </li>
                          ))}
                        </ul>
                      </div>
                    </nav>

                    <span className="mobile-row-1-bg"></span>
                    <span className="searchbar__btn"><i className="ico"></i><i className="ico-mobile"></i></span>

                    {/* Hamburger button */}
                    <a href="#" onClick={e => { e.preventDefault(); setMenuOpen(o => !o); }}
                      aria-label="Menü" className="spinner-btn menu-spn" data-google-interstitial="false">
                      <div className="spinner-btn__spin"><span className="spinner-btn__spin-item"></span></div>
                      <span className="spinner-btn__text">Menü</span>
                    </a>

                    <a className="header__external--account milliyet-premium-box spinner-btn"
                      href="#" onClick={e => e.preventDefault()}>
                      <i className="milliyet-premium-logo"></i>Giriş
                    </a>

                  </div>
                </div>
              </div>
            </div>
          </div>

          {/* Mobile dropdown menu */}
          {menuOpen && (
            <div style={{
              position: "absolute", top: "100%", left: 0, right: 0,
              background: "#fff", zIndex: 200, boxShadow: "0 4px 16px rgba(0,0,0,0.15)",
              borderTop: "1px solid #eee",
            }}>
              {allLinks.map((link, i) => (
                <a key={i} href="#" onClick={e => { e.preventDefault(); setMenuOpen(false); }}
                  style={{
                    display: "block", padding: "12px 20px",
                    fontFamily: "Arial, sans-serif", fontSize: 14, color: "#222",
                    borderBottom: "1px solid #f0f0f0", textDecoration: "none",
                  }}>
                  {link}
                </a>
              ))}
            </div>
          )}
        </div>
      </div>
    </header>
  );
}

Object.assign(window, { Header });
})();