<div class="search-popup-content">

    <div class="search-popup-header">
        {% render 'icon-search' %}
        
        <input class="no-click-highlight" type="text" placeholder="{{ 'sections.search-popup.placeholder' | t }}" />

        {% render 'icon-close' %}
    </div>

    <div class="search-popup-contents"></div>

</div>

{% schema %}
{
    "name": "t:sections.search-popup.name",
    "settings": [
        {
            "type": "header",
            "content": "t:sections.search-popup.settings.header",
            "info": "t:sections.search-popup.settings.header_info"
        }
    ],
    "presets": [
        {
            "name": "t:sections.search-popup.name"
        }
    ]
}
{% endschema %}