import { jsx as o } from "react/jsx-runtime";
import { isEmpty as u } from "es-toolkit/compat";
import a from "../../utils/classNames.js";
const p = (e) => {
  const { isActive: t, selectedItemIds: l, filterValue: s, onFilterChange: i } = e, r = a(
    "multiselect-filter-input",
    u(l) && "multiselect-filter-input-placeholder",
    t && "multiselect-filter-input-active"
  );
  return /* @__PURE__ */ o(
    "input",
    {
      type: "text",
      role: "searchbox",
      className: r,
      autoFocus: !0,
      onChange: i,
      value: s
    }
  );
};
export {
  p as default
};
//# sourceMappingURL=MultiselectToggleFilter.js.map
