import { Component, Element, Event, EventEmitter, Method, Prop, State } from '@stencil/core';
@Component({
	tag: 'sk-sketch-index',
	styleUrl:`sketch-index.css`
})
export class SketchIndexComponent {
     sketchData: any = {"className":"SketchIndex","pageName":"sketch-index","data":{}};
     @Prop() dataJson: any = {};
     constructor() { }
render() {
            
            
            
            return (
                <div><nav class="sk-router-menu"><ul><li class="nav-item"><sk-route-link class="nav-item" url="/sketch-index/home-content">home-content</sk-route-link></li><li class="nav-item"><sk-route-link class="nav-item" url="/sketch-index/dev-stack">dev-stack</sk-route-link></li><li class="nav-item"><sk-route-link class="nav-item" url="/sketch-index/icon-logo-ema">icon-logo-ema</sk-route-link></li></ul></nav><div class="sketch-index-router-outlet"></div><sk-router target-selector=".sketch-index-router-outlet"><sk-route url="/sketch-index/icon-logo-ema" component="sk-icon-logo-ema"></sk-route><sk-route url="/sketch-index/dev-stack" component="sk-dev-stack"></sk-route><sk-route url="/sketch-index/home-content" component="sk-home-content"></sk-route></sk-router></div>
            )
        } }
