import { Component } from "peura-ui";

const loginTimeoutTemplate = `
	<div class="LoginTimeout_Left">
		<div class="Login_Title">Login expired due to inactivity</div>
		<div class="LoginTimeout_Error">
			Content-Security-Policy: The page’s settings blocked an inline script (script-src-elem) from being executed because it violates the following directive: “script-src 'nonce-uGEouvHyatKxoA-wtf' 'unsafe-inline'”. Consider using a hash ('sha256-caNAnyoneHeLPMePleaseImStuckHere=') or a nonce. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://zalgo.torment-nexus.suffering/log?format=json&hasfast=true&authuser=0.
		</div>
	</div>
	<div class="LoginTimeout_Right">
		<button class="Login_Butt-Highlight" onclick="{progress}">
			Try again
		</button>
	</div>
`;

export default class LoginTimeoutUI extends Component {
	constructor(progress: () => void) {
		super(loginTimeoutTemplate, { progress });
	}
}
