/*!
 * KoliBri - The accessible HTML-Standard
 */
import { h, Host } from "@stencil/core";
export class KolCounter {
    constructor() {
        this.state = {
            _count: 0,
        };
        this.inc = () => {
            this.state = {
                _count: this.state._count + 1,
            };
        };
        this.dec = () => {
            this.state = {
                _count: this.state._count - 1,
            };
        };
    }
    render() {
        return (h(Host, null, h("button", { onClick: this.dec }, "-"), h("span", null, this.state._count), h("button", { onClick: this.inc }, "+")));
    }
    static get states() {
        return {
            "state": {}
        };
    }
}
//# sourceMappingURL=component.js.map
