<template>
  <UButton variant="outline" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton>
  <!-- <UButton variant="solid" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton>
  <UButton variant="soft" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton>
  <UButton variant="subtle" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton>
  <UButton variant="ghost" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton>
  <UButton variant="link" size="sm" color="info" @click="themeStorage.setTheme()">
    <span class="hidden sm:inline">
      <UIcon class="size-5" :name="themeStorage.themeIcon" />
    </span>
  </UButton> -->
</template>

<script setup lang="ts">
import { useThemeStore } from '@/stores/admin/theme'
const themeStorage = useThemeStore()
</script>
