{% set classes = ['aae-a-search-input', 'e-atomic-element', base_styles.base|default('')] | merge(settings.classes | default([])) | join(' ') %}
<input type="search"
    name="s"
    class="{{ classes }} {{ editor_classes | default('') }}"
    data-id="{{ id }}"
    data-e-type="{{ type }}"
    data-interaction-id="{{ interaction_id }}"
    placeholder="{{ settings.placeholder | default('Search...') | e('html_attr') }}"
    value="{{ settings.search_value | default('') | e('html_attr') }}"
    autocomplete="{{ settings.autocomplete ? 'on' : 'off' }}"
    aria-label="Search"
    {% if settings._cssid is defined and settings._cssid is not empty %}
        id="{{ settings._cssid | e('html_attr') }}"
    {% endif %}
    {% if settings.attributes is defined and settings.attributes is not empty %}
        {{ settings.attributes | raw }}
    {% endif %}
    {{ editor_attributes | default('') | raw }}>