<div class="filter-multi-option">
    <MultiSelect @selectClass="form-input form-input-sm flex-1" @options={{this.options}} @search={{this.search}} @searchField={{@filter.multiOptionSearchField}} @searchEnabled={{@filter.multiOptionSearchEnabled}} @searchPlaceholder={{@filter.multiOptionSearchPlaceholder}} @selected={{this.value}} @placeholder={{@placeholder}} @onChange={{this.onChange}} @allowClear={{@allowClear}} as |option|>
        {{or (get option @optionLabel) option}}
    </MultiSelect>

    {{#if this.isLoading}}
        <div class="ember-model-select__loading">
            <ModelSelect::Spinner />
        </div>
    {{/if}}
</div>