flotilla/src/app/components/EventInfo.svelte

<script lang="ts">
  import Button from "@lib/components/Button.svelte"
  import ModalHeader from "@lib/components/ModalHeader.svelte"

  export let event
</script>

<div class="column gap-4">
  <ModalHeader>
    <div slot="title">Event Details</div>
    <div slot="info">The full details of this event are shown below.</div>
  </ModalHeader>
  <pre class="overflow-auto"><code>{JSON.stringify(event, null, 2)}</code></pre>
  <Button class="btn btn-primary" on:click={() => history.back()}>Got it</Button>
</div>