<script lang="ts" setup>
import type { LaneData } from 'match_collector'

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

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