import React from "react";
import Box from "../../../../templates/box";
import { Icon } from "../../../../icon";
import SearchInput from "../../../../search";
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.createElement(Box, {
    "data-testid": "netdata-table-filter-" + id + testPrefix,
    as: SearchInput,
    value: column.getFilterValue(),
    width: {
      max: 50
    },
    placeholder: "Search...",
    iconRight: /*#__PURE__*/React.createElement(Icon, {
      color: "textLite",
      name: "magnify",
      height: "18px",
      width: "18px"
    }),
    onChange: column.setFilterValue
  });
};
export default SearchFilter;