import Image from "next/image";
import { useRouter } from "next/router";

import React from "react";
import Logo from "../../assets/images/graduation-event-logo.png";
import { useAuth } from "../../context/Auth";
import TopBar from "./topbar";
const Navbar: React.FC = () => {
  const { user, logout } = useAuth();
  const router = useRouter();
  return (
    <>
      {/* <TopBar /> */}
      <nav className="bg-white px-2 lg:px-48 py-2.5 rounded ">
        <div className="container flex flex-wrap items-center justify-between mx-auto">
          <div className="flex content-start object-contain sm:w-2/12 w-5/12">
            <Image
              src={Logo}
              className=" object-contain h-20 w-20"
              alt="Graduation Logo"
            />
          </div>
        </div>
      </nav>
      <div className="h-2 w-full" style={{ backgroundColor: "#0f172a" }}></div>
    </>
  );
};

export default Navbar;