<script lang="ts" setup>
defineProps<{
    championName?: string
    championLanes?: Array<LaneData>
    tierlistList?: boolean
}>()
const emit = defineEmits<{
    stateChange: [state: string, lane: number]
}>()

</script>

<template>
    <NavSideBar :champion-name="championName" 
        :champion-lanes="championLanes"
        :tierlist-list="tierlistList"
        @state-change="(s, l) => emit('stateChange', s, l)"/>
    <NavBottomBar :champion-name="championName" 
        :champion-lanes="championLanes" 
        @state-change="(s, l) => emit('stateChange', s, l)"/>
</template>