<script>
  import Toggle from '$lib/components/Toggle.svelte';
  // let { invites, createInvite = async () => {} } = $props();

  async function onsubmit(event) {
    event.preventDefault();
    await createInvite();
  }
</script>

<h2>Notify me when:</h2>

<Toggle
    name="channel_created"
    text="A new channel is created"
    onclick={async () => {}}
/>
<Toggle
    name="message_arrives"
    text="A new message arrives in a channel"
    onclick={async () => {}}
/>
<Toggle
    name="message_arrives_username"
    text="A new message containing your username arrives in a channel"
    onclick={async () => {}}
/>
<Toggle
    name="message_arrives_keyword"
    text="A new message containing a keyword you have configured arrives in a channel"
    onclick={async () => {}}
/>
<Toggle
    name="own_message_stitched"
    text="A message you wrote is stitched"
    onclick={async () => {}}
/>
<Toggle
    name="flagged_message_stitched"
    text="A message you have flagged is stitched"
    onclick={async () => {}}
/>
