<script>
  let { text, name, onclick = async () => {} } = $props();
</script>

<label>
  <div class="toggle">
    <input type="checkbox" name={name} onclick={onclick}/>
    <span class="slider"></span>
  </div>
  { text }
</label>
