{{{customeditframe.editframeStart}}}
<div class="community-search" data-module="communitySearch" data-search-api-endpoint="{{searchApiEndpoint}}" data-custom-search-term="{{searchTerm}}">
    <div class="grid-container">
        <div class="grid-x">
            <div class="community-search__heading cell">
                <div class="community-search__heading-text">
                    <h3 class="community-search__title js-community-search-title" data-title="{{title}}">{{{title}}}</h3>
                    <p class="community-search__subtitle">{{{subtitle}}}</p>
                     <p class="community-search__caption">{{{caption}}}</p>
                </div>
                <div class="community-search__heading-logo"></div>
            </div>
            <div class="community-search__results-wrapper cell">
                <template>
                {{> @cp-community-search-post}}
                </template>
                <div class="js-results">
                    <p class="community-search__message community-search__message--error">{{errorMessage}}</p>
                </div>
                <div class="community-search__button">
                    {{> @cp-button-primary target=button.target url=button.url text=button.text modifier="with-icon" }}
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}