export class SketchComponent {
    constructor() {
        this.sketchData = { "className": "Sketch", "pageName": "sketch", "data": {} };
        this.dataJson = {};
    }
    render() {
        console.log(this.sketchData);
        console.log(this.dataJson);
        return (h("div", null,
            h("header", null,
                h("nav", { class: "sk-router-menu" },
                    h("ul", null,
                        h("li", { class: "nav-item" },
                            h("stencil-route-link", { class: "nav-item", url: "/sketch/splash" }, "splash")),
                        h("li", { class: "nav-item" },
                            h("stencil-route-link", { class: "nav-item", url: "/sketch/dev-stack" }, "dev-stack")),
                        h("li", { class: "nav-item" },
                            h("stencil-route-link", { class: "nav-item", url: "/sketch/icon-logo" }, "icon-logo")),
                        h("li", { class: "nav-item" },
                            h("stencil-route-link", { class: "nav-item", url: "/sketch/graph" }, "graph")),
                        h("li", { class: "nav-item" },
                            h("stencil-route-link", { class: "nav-item", url: "/sketch/about" }, "about"))))),
            h("stencil-router", null,
                h("stencil-route", { url: "/sketch/about", component: "sk-about" }),
                h("stencil-route", { url: "/sketch/graph", component: "sk-graph" }),
                h("stencil-route", { url: "/sketch/icon-logo", component: "sk-icon-logo" }),
                h("stencil-route", { url: "/sketch/dev-stack", component: "sk-dev-stack" }),
                h("stencil-route", { url: "/sketch/splash", component: "sk-splash" })),
            h("sk-splash", null),
            h("sk-dev-stack", null),
            h("sk-icon-logo", null),
            h("sk-graph", null),
            h("sk-about", null)));
    }
    static get is() { return "sk-sketch"; }
    static get properties() { return {
        "dataJson": {
            "type": "Any",
            "attr": "data-json"
        }
    }; }
    static get style() { return "/**style-placeholder:sk-sketch:**/"; }
}
//# sourceMappingURL=sketch.js.map