interface HeaderProps {
  title: string
  subtitle?: string
}

export function Header({ title, subtitle }: HeaderProps) {
  return (
    <header className="h-16 border-b border-gray-800 bg-gray-900/50 backdrop-blur-xl flex items-center px-6 fixed top-0 left-64 right-0 z-30">
      <div className="flex-1">
        <h1 className="text-xl font-bold text-white font-display">{title}</h1>
        {subtitle && (
          <p className="text-xs text-gray-500 font-body mt-0.5">{subtitle}</p>
        )}
      </div>

      {/* Decorative elements */}
      <div className="flex items-center gap-2">
        <div className="h-2 w-2 rounded-full bg-green-500 animate-pulse" />
        <span className="text-xs text-gray-500 font-body">系统正常</span>
      </div>
    </header>
  )
}
