text: import React, { useState } from "react";
  import { NavLink } from "react-router-dom";
  
  import "./Navbar.css";
  
  export default function NavbarAdmin() {
    const [open, setOpen] = useState(false);
    return (
      <nav>
        <div className="header">
          <NavLink to="/">
            <i class="fa fa-life-ring" aria-hidden="true" /> Owner
          </NavLink>
        </div>
        <ul
          className="navbar-links"
          style={{ transform: open ? "translateX(0px)" : "" }}
        >
          <li>
            <NavLink to="/Verification" activeClassName="nav-active">
              Verification
            </NavLink>
          </li>
          <li>
            <NavLink to="/AddCandidate" activeClassName="nav-active">
            Add Candidates
            </NavLink>
          </li>
          <li>
            <NavLink to="/Registration" activeClassName="nav-active">
              Registration
            </NavLink>
          </li>
          <li>
            <NavLink to="/Voting" activeClassName="nav-active">
               Vote
            </NavLink>
          </li>
          <li>
            <NavLink to="/Results" activeClassName="nav-active">
              Results
            </NavLink>
          </li>
        </ul>
        <i onClick={() => setOpen(!open)} className="fas fa-bars burger-menu"></i>
      </nav>
    );
  }
  