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

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

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

    <br />
    <Debugger {dialogSet} bind:currentDialog />
    <SavingComponent/>
  {: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>