<script>
  let skills = ['tennis', 'songwriting', 'skateboard', 'piano'];
  let greatAtSvelte;
</script>

<fieldset>
  <p>Things I'm great at:</p>
  <Checkbox label="Tennis" value="tennis"
            bind:group={skills} />
  <Checkbox label="Songwriting" value="songwriting"
            bind:group={skills} />
  <Checkbox label="Skateboard" value="skateboard"
            bind:group={skills} />
  <Checkbox label="Piano" value="piano"
            bind:group={skills} />
  <Checkbox label="Svelte" value="svelte"
            bind:group={skills} bind:checked={greatAtSvelte} />
  <div class="mb-4">
    <code>{JSON.stringify(skills)}</code>
  </div>
  Should I learn more about Svelte ?
  {!greatAtSvelte ? 'Yes!' : 'Also yes.'}
</fieldset>