export class SketchIndexComponent {
    constructor() {
        this.sketchData = { "className": "SketchIndex", "pageName": "sketch-index", "data": {} };
        this.dataJson = {};
    }
    render() {
        return (h("div", null,
            h("nav", { class: "sk-router-menu" },
                h("ul", null,
                    h("li", { class: "nav-item" },
                        h("sk-route-link", { class: "nav-item", url: "/sketch-index/home-content" }, "home-content")),
                    h("li", { class: "nav-item" },
                        h("sk-route-link", { class: "nav-item", url: "/sketch-index/dev-stack" }, "dev-stack")),
                    h("li", { class: "nav-item" },
                        h("sk-route-link", { class: "nav-item", url: "/sketch-index/icon-logo-ema" }, "icon-logo-ema")))),
            h("div", { class: "sketch-index-router-outlet" }),
            h("sk-router", { "target-selector": ".sketch-index-router-outlet" },
                h("sk-route", { url: "/sketch-index/icon-logo-ema", component: "sk-icon-logo-ema" }),
                h("sk-route", { url: "/sketch-index/dev-stack", component: "sk-dev-stack" }),
                h("sk-route", { url: "/sketch-index/home-content", component: "sk-home-content" }))));
    }
    static get is() { return "sk-sketch-index"; }
    static get properties() { return {
        "dataJson": {
            "type": "Any",
            "attr": "data-json"
        }
    }; }
    static get style() { return "/**style-placeholder:sk-sketch-index:**/"; }
}
