import { jsx } from "react/jsx-runtime";
import { Input } from "antd";
import lodash from "lodash";
import { useTranslation } from "react-i18next";
const IconFilterInput = (props)=>{
    const { changeFilterKey } = props;
    const { t } = useTranslation();
    const onChange = lodash.debounce((e)=>{
        const inputValue = e.target.value;
        changeFilterKey(inputValue);
    }, 100);
    return /*#__PURE__*/ jsx(Input, {
        allowClear: true,
        placeholder: t("The key in Antd, such as 'ApiOutlined', ignoring case"),
        onChange: onChange
    });
};
export { IconFilterInput };
