Theme Switcher — React

---
import ThemeSwitcher from '../components/astro/ThemeSwitcher.astro';
---

<ThemeSwitcher label="Theme" client:load />

<!-- Rizzo CSS + theme script. Full markup: packages/rizzo-css/scaffold/vanilla/components/theme-switcher.html -->
<div class="theme-switcher" data-theme-switcher>...</div>

<script>
  import { ThemeSwitcher } from '$lib/rizzo';
</script>

<ThemeSwitcher label="Theme" />

<script setup>
import ThemeSwitcher from '@/components/rizzo/ThemeSwitcher.vue';
</script>

<template>
  <ThemeSwitcher
    :themes="[
      { value: 'github-dark-classic', label: 'Dark' },
      { value: 'github-light', label: 'Light' },
      { value: 'system', label: 'System' },
    ]"
  />
</template>

import { ThemeSwitcher } from './components/react';

<ThemeSwitcher themes={[
  { value: 'github-dark-classic', label: 'Dark' },
  { value: 'github-light', label: 'Light' },
  { value: 'system', label: 'System' },
]} />