"use client";

import { Menu } from "lucide-react";
import Logo from "./Logo";

interface MobileHeaderProps {
    onMenuOpen: () => void;
}

export default function MobileHeader({ onMenuOpen }: MobileHeaderProps) {
    return (
        <header className="md:hidden flex items-center justify-between px-6 h-16 bg-bg-secondary/80 backdrop-blur-md border-b border-white/5 sticky top-0 z-40">
            <Logo size="sm" />
            <button
                onClick={onMenuOpen}
                className="p-2 rounded-xl bg-white/5 text-white/70 hover:text-white transition-colors"
            >
                <Menu className="w-6 h-6" />
            </button>
        </header>
    );
}