<script lang="ts">
  import Image from "$lib/image.svelte";

  export let who: string = "who?";
  export let headerImage: string | null = null;
  export let imageDesc: string = '';
</script>
<div class="my-5">
  {#if headerImage}
    <Image {headerImage} {imageDesc}/>
  {/if}
  <h1 class='text-5xl'>About {who}</h1>
  <div class="grid grid-cols-1 gap-y-3 my-3">
    <hr>
    <slot />
  </div>
</div>
