import { Search } from '@wix/design-system';
import React from 'react';
import { observer } from 'mobx-react-lite';
import { useWixPatternsContainer } from '@wix/bex-core/react';
function _FiltersPanelSearch({ state, }) {
    const { translate: t } = useWixPatternsContainer();
    return (React.createElement(Search, { dataHook: "filters-panel-search", size: "small", value: state.searchValue, onChange: (e) => state.setSearchValue(e.target.value), onClear: () => state.clearSearch(), placeholder: t('cairo.filtersPanel.search.placeholder') }));
}
export const FiltersPanelSearch = observer(_FiltersPanelSearch);
//# sourceMappingURL=FiltersPanelSearch.js.map