import { AuthForm } from '../components/AuthForm'

export const Login = ({
    onLogin,
}: {
    onLogin: (authData: { serverUrl: string; token: string; userId: string; username: string }) => void
}) => {
    return (
        <div className="login" style={{
            height: 'calc(var(--vh, 1vh) * 100)',
            overflow: 'hidden',
            position: 'fixed',
            top: 0,
            left: 0,
            right: 0,
            bottom: 0
        }}>
            <div className="login_header">
                <div className="logo"></div>
            </div>
            <AuthForm onLogin={onLogin} />
            <div className="disclaimer">Jelly Music App - Version {__VERSION__}</div>
        </div>
    )
}