this is basic react Navbar component, im not able click on the div consisting anchor tag, “cursor-pointer is also now working”.

import React from “react”;
import { FaGithub } from “react-icons/fa”;

const Navbar = () => {
return (

      <a target="_blank" href={"https://github.com/shabareesha185"}>
        <div className="flex justify-center items-center text-xl w-fit border rounded-full cursor-pointer p-1">
          <FaGithub size={30} />
          <span className="px-1">GitHub</span>
        </div>
      </a>
    </div>
  </div>
  <hr />
</nav>

);
};

export default Navbar;