import { Button, Box } from "@chakra-ui/react";
import { Popover } from "@headlessui/react";
import clsx from "clsx";
import { AnimatePresence, motion } from "framer-motion";
import Image from "next/image";
import Link from "next/link";
import { useSession } from "next-auth/react";
import { FaUser } from "react-icons/fa";
import { NavLinks } from "./NavLinks";
import { UserMenu } from "./UserMenu";
import { ColorModeIconToggle } from "../UI/ColorModeIconToggle";
function MenuIcon(props) {
return (
);
}
function ChevronUpIcon(props) {
return (
);
}
function MobileNavLink({ children, ...props }) {
return (
{children}
);
}
function AccountButton() {
const { data: session } = useSession();
if (session) {
return;
}
return (
}>
Sign in
);
}
export function Header(props) {
const borderClass = props.transparent ? "" : props.borderClass ?? "border-b border-gray-100";
return (
);
}