34 lines
900 B
Svelte
34 lines
900 B
Svelte
<script
|
|
lang="ts"
|
|
generics="
|
|
Context extends Exclude<keyof CobaltSettings, 'schemaVersion'>,
|
|
Id extends keyof CobaltSettings[Context],
|
|
Value extends CobaltSettings[Context][Id]
|
|
"
|
|
>
|
|
import settings, { updateSetting } from "$lib/state/settings";
|
|
import type { CobaltSettings } from "$lib/types/settings";
|
|
|
|
export let settingContext: Context;
|
|
export let settingId: Id;
|
|
export let settingValue: Value;
|
|
|
|
$: setting = $settings[settingContext][settingId];
|
|
$: isActive = setting === settingValue;
|
|
</script>
|
|
|
|
<button
|
|
id="setting-button-{settingContext}-{String(settingId)}-{settingValue}"
|
|
class="button"
|
|
class:active={isActive}
|
|
aria-pressed={isActive}
|
|
on:click={() =>
|
|
updateSetting({
|
|
[settingContext]: {
|
|
[settingId]: settingValue,
|
|
},
|
|
})}
|
|
>
|
|
<slot></slot>
|
|
</button>
|