import React from "react";
import UserProfileDropDown from "../UserProfileDropDown";
import LoginButton from "../LoginButton";
import HamburgerButton from "../HamburgerButton";

const Header: React.FC = () => {
  return (
    <header className="flex border-b-[1px] border-gray-200 p-3 dark:bg-gray-800">
      <nav className="flex-1 justify-center">
        <HamburgerButton />
      </nav>
      <div className="h-[30px]" />
      <LoginButton />
      <UserProfileDropDown />
    </header>
  );
};

export default Header;