Decoder2704/python-chatbot-jay

1import { NavLink, Link } from "react-router-dom";2import { Button } from "./ui/index.js";3import "./Navbar.css";4 5const navClass = ({ isActive }) =>6  `navbar__link${isActive ? " navbar__link--active" : ""}`;7 8export default function Navbar() {9  return (10    <header className="navbar">11      <div className="navbar__inner">12        <Link to="/" className="navbar__brand">13          PyBot AI14        </Link>15 16        <nav className="navbar__links" aria-label="Main">17          <NavLink to="/" end className={navClass}>18            Home19          </NavLink>20          <NavLink to="/chat" className={navClass}>21            Chatbot22          </NavLink>23          <NavLink to="/features" className={navClass}>24            Features25          </NavLink>26          <NavLink to="/docs" className={navClass}>27            Docs28          </NavLink>29        </nav>30 31        <div className="navbar__cta">32          <Button as={Link} to="/login" variant="ghost">33            Log in34          </Button>35          <Button as={Link} to="/signup" variant="nav-cta">36            Sign Up37          </Button>38        </div>39      </div>40    </header>41  );42}43