import { useState, useCallback, useComponent, useEffect, useModel } from "../src/hooks";
import { Component } from "../src/component";

class TestModel {
    say() {
        console.log("hello");
    }
}

const ExamApp = () => {
    const [setTimeCount, getTimeCount ] = useState("timecount", 0);
    const obj = useModel(TestModel);
    useCallback(() => {
        setTimeCount(getTimeCount() + 1);
        obj.say();
    }, {name: "onClick", event: true});
    useEffect((name) => {
        console.log("event:", name);
    });
    console.log(obj);
    return `<a style="display: block; border-bottom: 1px solid gray; padding: 0 5px;">
        <button et:click="onClick" type="button">Update Time - {{state.timecount}}</button>
    </a>`;
}


export default () => {
    useComponent("ExamApp", ExamApp);
    return require("./views/index.html");
};