import React from "react";
import { Button } from "@/components/ui/button";
import { CircleUserRound } from "lucide-react";
import Link from "next/link";

interface UserMenuProps {
  isLoggedIn: boolean;
}

const UserMenu: React.FC<UserMenuProps> = ({ isLoggedIn }) => {
  return (
    <div className="flex flex-row items-center gap-2">
      {isLoggedIn ? (
        <Button
          variant="ghost"
          className="flex flex-row items-center gap-2 text-pretty"
          asChild
        >
          <Link href={"/account"}>
            <CircleUserRound strokeWidth={2} /> Account
          </Link>
        </Button>
      ) : (
        <Button asChild>
          <Link href={"/auth/login"}>Login</Link>
        </Button>
      )}
    </div>
  );
};

export default UserMenu;