import { Box, Text, TextButton } from '@wix/design-system';
import React from 'react';
import { observer } from 'mobx-react-lite';
import { useWixPatternsContainer } from '@wix/bex-core/react';
function _FiltersPanelSearchNoResults({ state, }) {
    const { translate: t } = useWixPatternsContainer();
    return (React.createElement(Box, { dataHook: "filters-panel-search-no-results", direction: "vertical", align: "center", verticalAlign: "middle", gap: "SP2", padding: "SP6 SP3" },
        React.createElement(Text, { dataHook: "filters-panel-search-no-results-title", size: "small", secondary: true }, t('cairo.filtersPanel.search.noResults.title', {
            term: state.searchValue.trim(),
        })),
        React.createElement(TextButton, { dataHook: "filters-panel-search-clear-button", size: "small", onClick: () => state.clearSearch() }, t('cairo.filtersPanel.search.clearButton'))));
}
export const FiltersPanelSearchNoResults = observer(_FiltersPanelSearchNoResults);
//# sourceMappingURL=FiltersPanelSearchNoResults.js.map