import React, { useState } from "react";
import PropTypes from "prop-types";

export default (player) => {
	function Login(props) {
		const [input, setInput] = useState(localStorage.getItem("token"));
		return (
			<div className="login">
				<input type="text" placeholder="Token ID" value={input}
					onChange={evt => setInput(evt.target.value)} />
				<button
					onClick={
						() => player.auth(input)
							.then(x => {
								props.setLoggedIn(x);
								if (x === true) {
									localStorage.setItem("token", input);
								}
							})
					}>Submit</button>
			</div>
		);
	}

	Login.propTypes = {
		setLoggedIn: PropTypes.func,
	};
	return Login;
};