<template>
  <button @click="settingsStore.toggleDarkMode()" class="btn btn-secondary mr-1" aria-label="Toggle dark mode" data-rybbit-event="toggle-dark-mode"><i :class="settingsStore.darkMode ? 'fas fa-sun' : 'fas fa-moon'"></i> Theme</button>
</template>

<script setup lang="ts">
  import { useSettingsStore } from '@/stores/useSettingsStore';

  const settingsStore = useSettingsStore();
</script>
