import Image from "next/image";
import Link from "next/link";
import NavItems from "./NavItems";
import UserDropdown from "./UserDropdown";

const Header = () => {
  return (
    <header className="sticky top-0 header">
      <div className="container header-wrapper">
        <Link href="/">
            <Image src="/logo.svg" alt="CGR Logo" width={100} height={100} className="h-8 w-auto cursor-pointer"/>
        </Link>
        <nav className="hidden sm:block">
            <NavItems />
        </nav>
        <UserDropdown />
      </div>
    </header>
  );
};

export default Header;