Spaces:
Running
Running
File size: 800 Bytes
336b102 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script lang="ts" module>
import type { Size } from '$lib/components/button.svelte';
export type LightSwitchProps = {
variant?: 'outline' | 'ghost';
size?: Size;
};
</script>
<script lang="ts">
import SunIcon from '@lucide/svelte/icons/sun';
import MoonIcon from '@lucide/svelte/icons/moon';
import { toggleMode } from 'mode-watcher';
import Button, { sizeMap } from '$lib/components/button.svelte';
let { variant = 'outline', size = 'default' }: LightSwitchProps = $props();
</script>
<Button onclick={toggleMode} {variant} size={sizeMap[size].icon}>
<SunIcon class="scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90" />
<MoonIcon class="absolute scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0" />
<span class="sr-only">Toggle theme</span>
</Button>
|