{m.conv_empty_heading()}
{m.conv_empty_text()}
onSelectPerson('')} class="flex h-10 w-full max-w-sm items-center rounded border border-line bg-muted px-4 text-sm text-ink-3 italic transition-colors hover:border-primary" >
{m.conv_empty_search_placeholder()}
{#if recentPersons.length > 0}
oder
{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}