import { useState } from 'react' import { useTranslation } from 'react-i18next' import { Link } from 'wouter' import LanguageSwitcher from './LanguageSwitcher' import ThemeSwitcher from './ThemeSwitcher' import { BookIcon, CloseIcon, GithubIcon, MenuIcon } from './icons' export default function Header() { const { t } = useTranslation('common') const [mobileMenuOpen, setMobileMenuOpen] = useState(false) return ( <>
{/* Logo */} setMobileMenuOpen(false)} > PageAgent Logo
page-agent

{t('header.slogan')}

{/* Mobile Icon Navigation (横向滚动) */} {/* Desktop Navigation */} {/* Mobile menu button */}
{/* Mobile Navigation */} {mobileMenuOpen && ( )}
) }