"use client"; import { useRouter } from "next/navigation"; import { NextUIProvider, Tabs, Tab, Card, CardBody, Link, } from "@nextui-org/react"; import { usePathname } from "next/navigation"; export function Providers({ children }) { const router = useRouter(); const pathname = usePathname(); return ( <NextUIProvider navigate={router.push}> <div className="flex w-full flex-col mb-4"> <Tabs aria-label="Options" radius={"full"} color="primary" selectedKey={pathname?.includes("/detail") ? "/detail" : pathname} onSelectionChange={(key) => { router.push(key); }} > <Tab key="/" title={"首页"}></Tab> <Tab key="/detail" title={"DOC"}></Tab> </Tabs> </div> {/* <Link href="/">首页</Link> <Link href="/detail">DOC</Link> */} {children} </NextUIProvider> ); }