import { jsx as e, jsxs as m } from "react/jsx-runtime";
import n from "react";
import { noop as p } from "es-toolkit/function";
import i from "../../utils/classNames.js";
import t from "../clearableInput/ClearableInput.js";
const g = n.memo((a) => {
  const { value: r, className: s, placeholder: o, onChange: l = p } = a, c = i("TreeSearch", s);
  return /* @__PURE__ */ e("div", { className: c, children: /* @__PURE__ */ m("div", { className: "input-group flex-1-0", children: [
    /* @__PURE__ */ e("span", { className: "input-group-addon", children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-search", "aria-hidden": "true" }) }),
    /* @__PURE__ */ e(t, { value: r, onChange: l, placeholder: o })
  ] }) });
});
export {
  g as default
};
//# sourceMappingURL=TreeSearch.js.map
