<script lang="ts">
  import DialogSetComponent from "./DialogSetComponent.svelte";
  import { fetchDialogSet } from "./utils";
  import Debugger from "./Debugger.svelte";
  import type { Dialog } from "./types";

  const dialogSetPromise = fetchDialogSet();
  let currentDialog: Dialog;
</script>

<main>
  {#await dialogSetPromise then dialogSet}
    <DialogSetComponent bind:currentDialog={currentDialog} {...dialogSet} />

    <br>
    <Debugger dialogSet={dialogSet} bind:currentDialog={currentDialog}/>
  {:catch _error}
    <h3>Oh no :(</h3>
    <p>
      We could not load that dialogSet that you specified in the url. Sorry. Please go complain to your friendly admin(s).
    </p>
  {/await}
</main>