"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _box = _interopRequireDefault(require("../../../../templates/box"));
var _icon = require("../../../../icon");
var _search = _interopRequireDefault(require("../../../../search"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var SearchFilter = function SearchFilter(_ref) {
  var column = _ref.column,
    testPrefix = _ref.testPrefix;
  var _column$id = column.id,
    id = _column$id === void 0 ? "" : _column$id;
  return /*#__PURE__*/_react["default"].createElement(_box["default"], {
    "data-testid": "netdata-table-filter-" + id + testPrefix,
    as: _search["default"],
    value: column.getFilterValue(),
    width: {
      max: 50
    },
    placeholder: "Search...",
    iconRight: /*#__PURE__*/_react["default"].createElement(_icon.Icon, {
      color: "textLite",
      name: "magnify",
      height: "18px",
      width: "18px"
    }),
    onChange: column.setFilterValue
  });
};
var _default = exports["default"] = SearchFilter;