{m.conv_empty_heading()}
{m.conv_hero_crosslink()}
{#if recentPersons.length > 0}
{m.conv_hero_divider()}
{m.conv_empty_recent_label()}
{#each recentPersons as person (person.id)}
onSelectPerson(person.id)} class="flex items-center gap-2 rounded-full border border-line bg-surface px-4 py-2 text-sm font-bold text-ink transition-colors hover:border-primary hover:text-primary" >
{person.name.charAt(0).toUpperCase()}
{person.name}
{/each}
{/if}