// MyGemma site chrome — wordmark + slim category nav (recreates mygemma.com header)
function WihaChrome() {
  const cats = ['New In', 'Handbags', 'Jewelry', 'Watches', 'Accessories', 'Sale'];
  return (
    <div className="mg-header">
      <div className="mg-header__logo">
        <img src="assets/mygemma-logo.png" alt="MyGemma" />
      </div>
      <nav className="mg-nav">
        {cats.map((c, i) => (
          <a key={c} className={i === 0 ? 'active' : (c === 'Sale' ? 'sale' : '')}>{c}</a>
        ))}
      </nav>
    </div>
  );
}

Object.assign(window, { WihaChrome });