<!-- <div style="height: 500px;">I'm tall to test toggling of document scroll - doesn't work since iframe body height is set to 100%, could add flag to turn this off?</div> -->
{#if show}
  <Modal on:close={toggle} noscroll>
    <div slot="heading">Heading</div>
    <form
      on:submit|preventDefault={(e) => {
        console.log('submitted', e);
        toggle();
      }}>
      Body content
      <button>Standard button</button>
      <button>Standard button</button>
      <div class="modal-footer">
        <Button form="simple" onclick={toggle}>Close</Button>
        <Button form="filled" type="submit">Save</Button>
      </div>
    </form>
  </Modal>
{/if}