import { observer } from 'mobx-react-lite';
import { Search } from '@wix/design-system';
import React from 'react';
import { useWixPatternsContainer } from '@wix/bex-core/react';
export const QuerySearch = observer(function QuerySearch({ state, visibility, ...rest }) {
    const { translate: t } = useWixPatternsContainer();
    return (React.createElement(Search, { dataHook: "collection-search", debounceMs: 300, onChange: (e) => {
            const value = e.target.value;
            state.changeValue(value);
        }, value: state.value, onClear: () => {
            state.changeValue('');
        }, placeholder: t('cairo.searchPlaceholder'), ...rest }));
});
//# sourceMappingURL=QuerySearch.js.map