<script lang="ts">
  import SingleDialogComponent from "./SingleDialogComponent.svelte";
  import type { DialogMap } from "./types";
  export let title: string;
  export let imageUrl: string;
  export let startDialogName: string;
  export let dialogs: DialogMap;

  export let currentDialog = dialogs[startDialogName];

  function switchDialog(targetDialog: string) {
    currentDialog = dialogs[targetDialog];
  }
</script>

<SingleDialogComponent
  {imageUrl}
  {title}
  {...currentDialog}
  on:switchToDialog={(event) => switchDialog(event.detail)}
/>