import React from 'react';
import { observer } from 'mobx-react-lite';
import { Box, Text, TextButton } from '@wix/design-system';
import { Revert } from '@wix/wix-ui-icons-common';
import { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';
export function _CustomColumnsNoResults({ state, }) {
    const { columnsCollection } = state;
    const { translate: t } = columnsCollection;
    return (React.createElement(CollectionEmptyStateBase, { state: columnsCollection, dataHook: "custom-columns-no-results-state", theme: "page-no-border", title: t('cairo.search.nothingMatches.title', {
            term: state.searchValue,
        }), subtitle: React.createElement(Box, { direction: "vertical", gap: "SP3", align: "center" },
            React.createElement(Text, { dataHook: "custom-columns-no-results-subtitle", size: "small" }, t('cairo.search.nothingMatches.text')),
            React.createElement(TextButton, { dataHook: "custom-columns-no-results-reset-button", prefixIcon: React.createElement(Revert, null), onClick: () => {
                    state.setSearchValue('');
                    state.columnsCollection.searchInputRef?.focus();
                } }, t('cairo.emptyState.reset.button'))) }));
}
export const CustomColumnsNoResults = observer(_CustomColumnsNoResults);
//# sourceMappingURL=CustomColumnsNoResults.js.map