"use client";

import { IconMenu } from "../icons/nav-icons";
import { ProfileDropdown } from "./profile-dropdown";

type HeaderProps = {
  onMenuClick?: () => void;
};

export function Header({ onMenuClick }: HeaderProps) {
  return (
    <header className="flex h-[74px] w-full shrink-0 items-center justify-between rounded-b-lg border-x border-b border-neutral-40 bg-neutral-10 px-5">
      <button
        type="button"
        onClick={onMenuClick}
        className="flex size-6 items-center justify-center text-neutral-100 transition-colors hover:text-neutral-80"
        aria-label="Buka menu"
      >
        <IconMenu />
      </button>

      <ProfileDropdown />
    </header>
  );
}