"use client";
import { useClerk, useUser } from "@clerk/nextjs";
import { SignedOut, SignedIn } from "@clerk/nextjs";
import { Button } from "../ui/button";
import { ModeToggle as ThemeSwitcher } from "../ThemeSwitcher";
import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover";
import Image from "next/image";
import { InfoIcon } from "lucide-react";
import LoggedInPopover from "./LoggedInPopover";
import SignInPopoverButton from "./SignInPopoverButton";
import InfoPopover from "../misc/InfoPopover";
export default function TopBar({ inter }: { inter: string }) {
const clerk = useClerk();
const { user } = useUser();
return (
<>
);
}