import ClientController from "../client-controller";
import BaseElements from "./require/base-elements";
import IState from "./require/elements-state";

import { $, $$, $$$, $$$$ } from './require/q-module';

export default function createCreateInviteTokenOverlay(state: IState, server: ClientController): HTMLElement {
	const { document } = state;
	$.setDocument(document);

	let element = BaseElements.createOverlay(document, { class: 'content submit-dialog', content: [
		{ class: 'role-select category-select', content: [
			{ class: 'label', content: 'Select Starting Roles' },
			{ class: 'categories', content: [
				{ class: 'category suggestion-1', content: '+Gamer' },
				{ class: 'category suggestion-2', content: '+Chodist' },
				{ class: 'category suggestion-3', content: '+Gamer' },
				{ class: 'category more', content: 'More...' },
			] }
		] },
		{ class: 'lower', content: [
			{ class: 'error' },
			{ class: 'buttons', content: [
				{ class: 'button submit', content: 'Create Invite Token' }
			] }
		] }
	] });

	return element;
}

module.exports = createCreateInviteTokenOverlay;