import { e } from "./helper.ts"

export let username: string | undefined = undefined;
export let password: string | undefined = undefined;

export function pw_modal() {
    const inp_name  = e("input", {type: "text",     placeholder: "Username"})
    const inp_pw    = e("input", {type: "password", placeholder: "Password"})
    const login_btn = e("button", {
        onclick: () => {
            username = inp_name.value
            password = inp_pw.value
        }
    }, "Login")

    return e("dialog", {},
        e("form", {method: "dialog"},
            inp_name,
            inp_pw,
            login_btn,
        )
    )
}