<script lang="ts">
	/**
	 * Under which name shall the person be known?
	 */
	export let displayName: string = '';

	/**
	 * How to correctly address this person.
	 */
	export let pronoun: string = '';
</script>

<h1 class="h1 font-semibold text-4xl leading-tight">
	<span class="sr-only">Profile for </span>
	{@html displayName}
</h1>
<p class="leading-normal my-1">({@html pronoun})</p>
