<div class="emoji-popover">
    <div class="emoji-popover-top">
        <input class="emoji-popover-filter" type="text" autofocus placeholder="{{t 'Search' }}" />
        <i class="fa fa-search" aria-hidden="true"></i>
    </div>
    <div class="emoji-popover-category-tabs">
        {{#each emoji_categories}}
            <span class="emoji-popover-tab-item {{#if @first}} active {{/if}}" data-tab-name='{{name}}' title='{{name}}'><i class="fa {{icon}}"></i></span>
        {{/each}}
    </div>
    <div class="emoji-popover-emoji-map" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
        {{#each emoji_categories }}
            <div class="emoji-popover-subheading" data-section="{{name}}">{{name}}</div>
            <div class="emoji-collection" data-section="{{name}}">
                {{#each this.emojis }}
                    {{> emoji_popover_emoji type="emoji_picker_emoji" section=@../index index=@index message_id=../../message_id is_status_emoji_popover=../../is_status_emoji_popover emoji_dict=this}}
                {{/each}}
            </div>
        {{/each}}
    </div>
    <div class="emoji-search-results-container" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
        <div class="emoji-popover-results-heading">{{t "Search results" }}</div>
        <div class="emoji-search-results"></div>
    </div>
</div>
