<template>
  <button class="ToggleButton" @click="click">
    <Icon class="icon" :name="icons[current]!" mode="svg" />
  </button>
</template>

<script setup lang="ts">
type Props = {
  icons : string[]
  current: number
}

defineProps<Props>()
const emit = defineEmits(['click'])

const click = () => emit('click')
</script>

<style scoped>

</style>