import { Button, NoSsr } from '@mui/material'
import React from 'react'
import Link from 'next/link';
import { useUserContext } from '@/context/UserContext';

const SignInButton = () => {
    const { userData, session_valid } = useUserContext();
  return (
    <NoSsr>
        {userData && session_valid ? null
        : (
        <Link href={'/login'}>
            <Button
                variant='basic'
                color='primary'
            >
                Log In
            </Button>
        </Link>
        )}
    </NoSsr>
    )
}

export default SignInButton