<template>
  <div class="bg-neutral-800 text-white font-bold w-min px-2 flex flex-col gap-10 justify-center">
    <button @click="$emit('updateCurrentPage', 0)" class="text-center bg-neutral-900 w-16 h-16 rounded-xl">
      MAIN
    </button>
    <button @click="$emit('updateCurrentPage', 1)" class="text-center bg-neutral-900 w-16 h-16 rounded-xl">
      CONF
    </button>
    <button @click="$emit('updateCurrentPage', 2)" class="text-center bg-neutral-900 w-16 h-16 rounded-xl">
      TEST
    </button>
  </div>
</template>

<script setup>
const emit = defineEmits(['updateCurrentPage'])
</script>
