aboutsummaryrefslogtreecommitdiff
path: root/src/lib/SettingToggle.svelte
blob: bc76f72e1eea756dd72b87568d72ce33a40edb8e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script lang="ts">
	import settings, { type Settings } from '../stores/settings';

	export let setting: keyof Settings;
	export let on = '';
	export let off = '';
	export let sectionBreak = false;
</script>

<a
	href={'#'}
	on:click={() =>
		$settings[setting] ? settings.setKey(setting, false) : settings.setKey(setting, true)}
	>{$settings[setting] ? on : off} <slot /></a
>

<br />

{#if sectionBreak}
	<p />
{/if}