<label for="{{ label_id }}" class="{{ label_class }} {{#if atom-input.hasSubmitButton}} has-button{{/if}}"
  aria-label="{{ screen-reader-text }}">
  {{ label_message }} {{#if atom-input.required}}<span class="required-marker" aria-hidden="true">*</span>{{/if}}
  <input id="{{ atom-input.id }}" type="{{ atom-input.type }}" class="js-combobox {{ atom-input.class }}"
    placeholder="{{ atom-input.placeholder }}" value="{{ atom-input.value }}" {{#if atom-input.required}} required
    aria-required="true" {{/if}} {{#if atom-input.hasNote}} aria-describedby="{{ atom-input.describedby }}" {{/if}}
    {{#if atom-input.isInvalid}} aria-invalid=”true” {{/if}} {{#if atom-input.isReadonly}} readonly {{/if}} {{#if
    atom-input.isDisabled}} disabled {{/if}} list="{{ autocomplete.datalist-id }}"
    data-combobox-prefix-class="{{ autocomplete.prefix-class }}"
    data-combobox-case-sensitive="{{ autocomplete.case-sensitive }}"
    data-combobox-search-option="{{ autocomplete.search-option }}"
    data-combobox-help-text="{{ autocomplete.help-text }}" data-suggestion-single="C'è "
    data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti"
    data-combobox-see-more-text="Guarda più risultati">
  {{#if atom-input.hasSubmitButton}}
  <button type="submit" class="c-button c-button--submit c-button--searchIcon {{atom-input.submitButtonModifier}}"
    aria-label="Avvia la ricerca">
    {{> @icon search-icon }}
  </button>
  {{/if}}
  <datalist id="{{ autocomplete.datalist-id }}">
    {{#each autocomplete.options }}
    <option value="{{ this.value }}">
      {{/each}}
  </datalist>
  {{#if atom-input.hasNote}}
  <p class="c-field__note {{ note_class }}" id="{{ note_id }}">
    {{{ note_message }}}
  </p>
  {{/if}}
</label>