import Button from "@/components/Button";
import { Logout } from "@mui/icons-material";
import { signOut } from "next-auth/react";
import React, { ReactNode } from "react";

function SignoutButton({children}: {children?: ReactNode}) {


    return (
        <Button className={"signoutButton"} variant={"secondary"} onClick={() => signOut({ callbackUrl: "/login" })} icon={<Logout />}>
            {children ?? ""}
        </Button>
    );
}

export default SignoutButton;