import cn from "@/utils/cn";
import { Montserrat } from "next/font/google";
import Image from "next/image";
import Link from "next/link";
import { FaDollarSign } from "react-icons/fa";
import { IoIosArrowUp } from "react-icons/io";
import { BsDiscord } from "react-icons/bs";
import LoginButton from "./loginButton";
import { fetchUser } from "@/utils/fetchUser";
import { cookies } from "next/headers";

const montserrat = Montserrat({ subsets: ["latin"] });

const Navbar = async () => {
    const token = cookies().get("token")?.value || null;
    const user = await fetchUser(token);
    return (
        <>
            <nav className={`p-4 items-center justify-between gap-2 text-base font-medium text-neutral-300 select-none h-20 hidden lg:flex`}>
                <My other stuff here>
                <div className="ml-auto">
                    <LoginButton user={user}/>
                </div>
            </nav>
        </>
    );
};

export default Navbar;