'use client';
import { Menu } from 'lucide-react';
import ProfileSelector from '@/components/ProfileSelector';

export default function MobileTopbar({ onMenuClick }) {
  return (
    <header className="fixed top-0 left-0 right-0 z-40 h-14 bg-white border-b border-gray-200 flex items-center justify-between px-4 md:hidden">
      <button
        onClick={onMenuClick}
        className="p-2 rounded-md hover:bg-gray-100 border border-gray-200"
        aria-label="Ouvrir le menu"
      >
        <Menu size={20} />
      </button>
      <ProfileSelector compact />
    </header>
  );
}