<form method="get" action="{{action}}"
   class="fly-out autocomplete"
  {{#each data}} data-{{@key}}="{{this}}"
  {{/each}}>
  <div class="form-field autocomplete__field" {{#if form-field-enhance}}data-js="form-field"{{/if}}>
    {{#if label}}
      <label for="{{id}}" class="form-field__label">{{label}}</label>
    {{/if}}
    <input id="{{id}}" name="{{id}}" type="text" placeholder="{{placeholder}}" {{#if input-classes}}class="{{input-classes}}" {{/if}}data-js="autocomplete-input" autocomplete="off">
    {{#if submit-btn}}
      <button type="submit" class="btn icon icon--search-black autocomplete__submit">Submit</button>
    {{/if}}
  </div>
  <nav class="nav nav--chrome fly-out__content">
    <ul class="nav__list nav__list--chrome nav__list--chrome-scroll autocomplete__results" data-js="autocomplete-results"></ul>
  </nav>
</form>
