import { useAuth } from "@/hooks/use-auth";
import { Button } from "./ui/button";

export default function UserMenu() {
    const { user, logout } = useAuth()

    return (
        <div className="p-4 m-6 flex items-center gap-4 border rounded-lg bg-card">
            <span className="text-sm">{user?.email}</span>
            <Button onClick={logout} varient="outline" size="sm">
                Logout
            </Button>
        </div>
    )
}