import { NavLink } from "react-router-dom";

const Header = () => {
  return (
    <>

<div className="container-fluid p-0 m-0">
        <nav
          className="navbar navbar-expand-lg w-100"
          style={{
            backgroundColor: "#000000",
            position: "fixed", // Make the navbar fixed at the top
            top: 0,
            left: 0,
            right: 0,
            zIndex: 1000, // Ensure the navbar is above other elements
          }}
        >
          <div className="container-fluid d-flex align-items-center justify-content-between">
       

            <div className="collapse navbar-collapse" id="navbarSupportedContent">
         
              <form className="form-inline my-2 my-lg-0">
                <div className="login_text">
                  <ul>
                    <li>
                    <NavLink to="/login" className="nav-link">
                  Login
                  </NavLink>
                    </li>
                    <li>
                      <a href="#">
                        <i className="fa fa-user" aria-hidden="true" />
                      </a>
                    </li>
                  </ul>
                </div>
                <div className="quote_btn">
                  <NavLink to="/register" className="nav-link">
                  Register
                  </NavLink>

                </div>
              </form>
            </div>
          </div>
        </nav>
      </div>

    </>
  )
}

export default Header