mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-12-03 18:32:12 +00:00
29 lines
617 B
Svelte
29 lines
617 B
Svelte
<script lang="ts">
|
|
import { Button } from '$lib/components/ui/button';
|
|
import { Moon, Sun } from '@lucide/svelte';
|
|
import { mode, setMode } from 'mode-watcher';
|
|
import { i18n } from '$lib/i18n.svelte';
|
|
|
|
let {
|
|
class: className = '',
|
|
}: {
|
|
class?: string;
|
|
} = $props();
|
|
</script>
|
|
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
class={className}
|
|
onclick={() => {
|
|
setMode(mode.current === 'light' ? 'dark' : 'light');
|
|
}}
|
|
aria-label={i18n._('menu.mode')}
|
|
>
|
|
{#if mode.current === 'light'}
|
|
<Sun />
|
|
{:else}
|
|
<Moon />
|
|
{/if}
|
|
</Button>
|