<script lang="ts">
  export let displayName: string | undefined = undefined;
</script>

<p class="font-semibold text-xl text-text-header">
  Hey there{#if displayName},
    <span class="text-text-typeable">{displayName}</span>
  {/if}!
</p>
