"use client" import Link from "next/link"; import React from 'react'; import {CheckCircle2, CreditCard, LayoutGrid, LogOut, SettingsIcon} from "lucide-react"; import {usePathname} from "next/navigation"; function Header() { return ( S StoreAI 测试 ); } /** * 导航栏 */ const NavTabs = () => { const pathname = usePathname(); const tabs = [ {href: "/dashboard", label: "Dashboard", icon: LayoutGrid}, {href: "/dashboard/settings", label: "Settings", icon: SettingsIcon}, {href: "/dashboard/billing", label: "Billing", icon: CreditCard}, ]; return ( {tabs.map(item => { const Icon = item.icon; const isActive = pathname.startsWith(item.href); return ( {item.label} {isActive && ( )} ); })} ); }; /** * 用户信息 */ const UserMenu = () => { return (