import { Component, Element, Event, EventEmitter, Method, Prop, State } from '@stencil/core';
@Component({
	tag: 'sk-sketch',
	styleUrl:`sketch.css`
})
export class SketchComponent {
     sketchData: any = {"className":"Sketch","pageName":"sketch","data":{}};
     @Prop() dataJson: any = {};
     constructor() { }
render() {
            console.log(this.sketchData)
            console.log(this.dataJson)
            
            return (
                <div><header><nav class="sk-router-menu"><ul><li class="nav-item"><stencil-route-link class="nav-item" url="/sketch/splash">splash</stencil-route-link></li><li class="nav-item"><stencil-route-link class="nav-item" url="/sketch/dev-stack">dev-stack</stencil-route-link></li><li class="nav-item"><stencil-route-link class="nav-item" url="/sketch/icon-logo">icon-logo</stencil-route-link></li><li class="nav-item"><stencil-route-link class="nav-item" url="/sketch/graph">graph</stencil-route-link></li><li class="nav-item"><stencil-route-link class="nav-item" url="/sketch/about">about</stencil-route-link></li></ul></nav></header><stencil-router><stencil-route url="/sketch/about" component="sk-about"></stencil-route><stencil-route url="/sketch/graph" component="sk-graph"></stencil-route><stencil-route url="/sketch/icon-logo" component="sk-icon-logo"></stencil-route><stencil-route url="/sketch/dev-stack" component="sk-dev-stack"></stencil-route><stencil-route url="/sketch/splash" component="sk-splash"></stencil-route></stencil-router><sk-splash></sk-splash><sk-dev-stack></sk-dev-stack><sk-icon-logo></sk-icon-logo><sk-graph></sk-graph><sk-about></sk-about></div>
            )
        } }
