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