Cp Search Bar

<div class="search-bar">
    <div class="grid-container search-bar__grid">
        <div class="grid-x grid-padding-x">
            <div class="cell{{#if customGrid}} {{customGrid}}{{else}} medium-10 medium-offset-1 large-8 large-offset-2{{/if}} search-bar__cell">
                <h3 class="search-bar__title">{{searchBar.title}}</h3>
                <form class="search-bar__form js-search-form" action="{{searchBar.searchPageUrl}}" method="GET">
                    <label for="navigation" class="search-bar__search-label">{{searchBar.title}}</label>
                    <input type="text" name="{{#if searchBar.searchTermParameterName}}{{searchBar.searchTermParameterName}}{{else}}term{{/if}}" id="navigation" class="search-bar__search-term js-search-input"
                        autocomplete="off" placeholder="{{searchBar.placeholderText}}"
                        data-autocomplete-url="{{searchBar.autocompleteEndpoint}}" value="{{searchBar.searchTerm}}" />
                    <button class="button-p1 button-p1--icon-only search-bar__search-button js-search-button" />
                </form>
            </div>
        </div>
    </div>
    <div class="search-bar__autocomplete-wrapper">
        <div class="search-bar__autocomplete-overlay js-autocomplete-overlay"></div>
    </div>
</div>