import { Component } from "peura-ui";

const loginAuthcodeTemplate = `
	<div class="Login_Title">Hi {username}</div>
	<div class="LoginUserPassword_Right">
		<div class="LoginAuthcode_Right">
			Hanki koodi
			<div class="LoginAuthcode_Inputs">
				<input class="Login_InputDigit" />
				<input class="Login_InputDigit" />
				<input class="Login_InputDigit" />
				<input class="Login_InputDigit" />
				<input class="Login_InputDigit" />
			</div>
		</div>
		<div class="LoginUserPassword_RightBottom">
			<button class="Login_Butt-Highlight" onclick="{progress}">Next</button>
		</div>
	</div>
`;

export default class LoginAuthcodeUI extends Component {
	constructor(progress: () => void, username: string) {
		super(loginAuthcodeTemplate, { progress, username });
	}
}
