import Link from "next/link";
import { useRouter } from "next/router";
import { useState, useEffect } from "react";
import classnames from "classnames";
import { IntraNav, capitalize, MenuTray } from "@urbit/foundation-design-system";
import '@docsearch/css';
function ActiveLink({ children, href, className, currentPath }) {
const firstCrumb = currentPath.split("/")[1];
const activeClassName = classnames({
"text-wall-600": "/" + firstCrumb === href,
"text-wall-500": "/" + firstCrumb !== href,
});
return (
{children}
);
}
export default function Header({ search }) {
const [isOpen, setTray] = useState(false);
const currentPath = useRouter().asPath;
const routeDepth = currentPath.split("/").length;
const firstCrumb = currentPath.split("/")[1];
return (
<>
{" "}
>
);
}