<script>
  import Invite from '$lib/components/Invite.svelte';

  let id = $state('Iaaaa');
</script>

<h1><code>Invite</code></h1>

<nav><p><a href=".">Back to swatches</a></p></nav>

<h2>properties</h2>

<div class="component-properties">
  <label>id <input type="text" bind:value={id} /></label>
</div>

<h2>rendered</h2>

<div class="component-preview">
  <Invite {id} />
</div>
