import Find from "./Find/Find.js";
let app = new Find(Find.search("test")).select("com.example").title("Мой тест").meta([
    Find.css("bulma.min.css"), 
    '<meta name="viewport" content="width=device-width, initial-scale=1">'
]).meta([
    `<style>
        body {
            margin: 20px;
        }
    </style>`
]).add([(() => {
    return `
        <input class="input" type="text" placeholder="Логин..."></input><br>
        <input 
            class="input" 
            style="margin-top: 10px;" 
            type="password" placeholder="Пароль...">
        </input>
        <br>
        <button class="button" style="margin-top: 10px;">Войти</button>
        <div id="user"></div>
    `;
})()]).draw().map().id("user").html(
    `<button 
        class="button"  
        id="reload"
        style="margin-top: 10px;"
    >Перезагрузить</button>`).id("reload").attach("click", () => {
        location.reload();
    }).main().merge().app().title(2).draw();
    /*.title(2).draw();*/