import { Component } from "peura-ui";

const chooseAccountTemplate = `
	<div class="Login_Title">Choose an account</div>
	<div class="Login_AccountList">
		<div onclick="{progress}" class="Login_Account">
			<div class="Login_AccountButt">
				<div class="Login_MooMoo">M</div>
				<div>{username}</div>
			</div>
		</div>
		<div class="Login_Account">
			<div class="Login_AccountButt">
				<div class="Login_Other">O</div>
				<div>Use other account</div>
			</div>
		</div>
		<div class="Login_Account">
			<div class="Login_AccountButt">
				<div class="Login_Other">-</div>
				<div>Remove an account</div>
			</div>
		</div>
	</div>
`;

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