import Link from "next/link";
import { useRouter } from "next/router";
import { useState } from "react";
import classnames from "classnames";
import MenuTray from "../components/MenuTray";
import { capitalize } from "@urbit/foundation-design-system";
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(props) {
const [isOpen, setTray] = useState(false);
const currentPath = useRouter().asPath;
const routeDepth = currentPath.split("/").length;
const firstCrumb = currentPath.split("/")[1];
return (
{
// Large screen header
}
{
// Small screen header
}
Urbit
Urbit.org
Operators
Developers
Get Started
Overview
Ecosystem
Grants
Events
Blog
);
}