wtk.js

const Widget = require('../core/Widget');

const rgba = require('../color/rgba');

const mount = require('../system/mount');
const render = require('../system/render');

const Rectangle = require('../geometry/Rectangle');

class Application extends Widget {

    get style () {
        return {
            default: {
                urmom: {
                    width: 100,
                    height: 100,
                    fill: rgba(0, 0, 0, 255)
                }
            },
            hover: {
                urmom: {
                    fill: rgba(255, 0, 0, 255)
                }
            }
        }
    }

    render () {
        return [
            render(Rectangle, { id: 'urmom' })
        ];
    }
}

mount(global.document.getElementById('wtk'), Application);