<template>
  <button class="theme-toggle" @click="toggleTheme" :aria-label="TEXTS.THEME.TOGGLE_LABEL">
    <span v-if="isDark" class="theme-icon">🌞</span>
    <span v-else class="theme-icon">🌙</span>
  </button>
</template>

<script setup lang="ts">
import { TEXTS } from '../config/content';
const props = defineProps({'isDark': {type: Boolean, default: true},'toggleTheme': {type: Function}});
</script>

<style scoped>
@import '~/assets/css/components/theme-toggle.css';
</style>