import React, { useState } from 'react';

const Nav = () => {
  const [menuOpen, setMenuOpen] = useState(false);

  return (
    <nav className="main-nav" aria-label="Główna nawigacja">
      <div className="nav-container">
        <div className="nav-logo">
          <span className="pulse-dot" aria-hidden="true"></span>
          DEX_OS
        </div>

        <button
          className={`nav-hamburger ${menuOpen ? 'nav-hamburger--open' : ''}`}
          onClick={() => setMenuOpen((prev) => !prev)}
          aria-label={menuOpen ? 'Zamknij menu' : 'Otwórz menu'}
          aria-expanded={menuOpen}
        >
          <span></span>
          <span></span>
          <span></span>
        </button>

        <div className={`nav-links ${menuOpen ? 'nav-links--open' : ''}`} role="menu">
          <a href="#" className="active" aria-current="page" role="menuitem">Wiadomości</a>
          <a href="#" role="menuitem">Dla zaawansowanych</a>
          <a href="#" role="menuitem">Modele AI</a>
          <a href="#" role="menuitem">Biblioteka Promptów</a>
        </div>

        <div className="nav-actions">
          <button className="nav-button">Subskrybuj PRO</button>
        </div>
      </div>
    </nav>
  );
};

export default Nav;
