1<script lang="ts">
2
3 export let state = false;
4
5 function onClick(event: MouseEvent) {
6 if (event.button !== 0) return;
7
8 state = !state;
9 }
10
11</script>
12
13<div on:mousedown={onClick}>
14 {#if state}
15 <slot name="on" />
16 {:else}
17 <slot name="off" />
18 {/if}
19</div>