"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.CustomColumnsNoResults = void 0;
exports._CustomColumnsNoResults = _CustomColumnsNoResults;
var _react = _interopRequireDefault(require("react"));
var _mobxReactLite = require("mobx-react-lite");
var _designSystem = require("@wix/design-system");
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _CollectionEmptyStateBase = require("../CollectionEmptyStateBase");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsNoResults.tsx";
function _CustomColumnsNoResults({
  state
}) {
  const {
    columnsCollection
  } = state;
  const {
    translate: t
  } = columnsCollection;
  return /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, {
    state: columnsCollection,
    dataHook: "custom-columns-no-results-state",
    theme: "page-no-border",
    title: t('cairo.search.nothingMatches.title', {
      term: state.searchValue
    }),
    subtitle: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
      direction: "vertical",
      gap: "SP3",
      align: "center",
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 28,
        columnNumber: 9
      }
    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
      dataHook: "custom-columns-no-results-subtitle",
      size: "small",
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 29,
        columnNumber: 11
      }
    }, t('cairo.search.nothingMatches.text')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
      dataHook: "custom-columns-no-results-reset-button",
      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 34,
          columnNumber: 25
        }
      }),
      onClick: () => {
        var _state$columnsCollect;
        state.setSearchValue('');
        (_state$columnsCollect = state.columnsCollection.searchInputRef) == null || _state$columnsCollect.focus();
      },
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 32,
        columnNumber: 11
      }
    }, t('cairo.emptyState.reset.button'))),
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 20,
      columnNumber: 5
    }
  });
}
const CustomColumnsNoResults = exports.CustomColumnsNoResults = (0, _mobxReactLite.observer)(_CustomColumnsNoResults);
//# sourceMappingURL=CustomColumnsNoResults.js.map