import React, {Fragment, ReactNode, useState} from "react"; import {useTheme} from "next-themes"; import {Disclosure, Menu, Transition} from "@headlessui/react"; import {XIcon, MenuIcon, BellIcon} from "@heroicons/react/outline" import Head from "next/head"; import Link from "next/link"; import Image from "next/image"; type Props = { children?: ReactNode title?: string description?: string } const places = [ {name: "Home", href: "#", current: "true"}, {name: "About", href: "/about", current: "false"}, ]; // Combine classNames together to form a single string based on whether it is selected or not. See comment below function classNames(...classes: string[]) { return classes.filter(Boolean).join(" ") } const NavBar = ({children, title = "nickbland.dev | Home", description = "A website made by Nick Bland."}: Props) => { const [isOpen, setIsOpen] = useState(false); return (
{title}
{/* Workflow */}
) } export default NavBar