import { Link, useLocation } from 'react-router-dom'

export default function Header({ username, onLogout }: { username: string; onLogout: () => void }) {
  return (
    <header className="h-12 bg-gray-900 border-b border-gray-800 flex items-center px-4 justify-between shrink-0">
      <Link to="/chat" className="font-bold text-purple-400 text-lg">Cyrene</Link>
      <div className="flex items-center gap-3 text-sm text-gray-400">
        <Link to="/admin/dashboard" className="hover:text-gray-200">管理</Link>
        <span>{username}</span>
        <button onClick={onLogout} className="hover:text-red-400">退出</button>
      </div>
    </header>
  )
}