<span>
@if($type === "header")
        <p class="truncate whitespace-nowrap overflow-hidden text-ellipsis px-2 text-sm font-medium cursor-pointer" id="copyEmail" x-on:click="$dispatch('copyEmail')">{{ $email ?? __('...') }}</p>
@else<flux:text class="p-1" variant="subtle">{{ $email ?? __('...') }}</flux:text>
    @if($list)
        @foreach(array_reverse($emails) as $email_list_item)
            <span>
                <flux:menu.separator />
                <span wire:click="switchEmail('{{$email_list_item}}')" role="menuitem" class="cursor-pointer group dark:hover:bg-zinc-600/75 dark:hover:text-gray-300 dark:focus:bg-zinc-600/75 dark:focus:text-gray-300 flex items-center px-4 py-2 dark:text-gray-400 text-gray-700 hover:text-gray-900 focus:text-gray-900 text-sm leading-5 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none truncate">{{ $email_list_item }}</span>
            </span>
        @endforeach
    @endif
@endif
</span>
