import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
import l, { useMemo as m } from "react";
import c from "../../assets/iconfont/index.mjs";
import { useModal as a } from "../../node_modules/@ebay/nice-modal-react/lib/esm/index.mjs";
import u from "./QueryFilterDrawer.mjs";
import "./index.less.mjs";
import d from "../../node_modules/antd/es/button/button.mjs";
const f = (r) => {
  const { items: o } = r, s = a(u), i = m(() => {
    if (o != null && o.length) {
      const t = o[0];
      if (l.isValidElement(t))
        return l.cloneElement(t, {
          label: ""
        });
    }
    return null;
  }, []), n = () => {
    s.show({
      ...r
    });
  };
  return e.jsxs("div", { className: "QueryFilterMobile", children: [e.jsx("div", { className: "search", children: i }), e.jsx("div", { className: "more", children: e.jsx(d, { onClick: n, icon: e.jsx(c, { name: "more" }) }) })] });
}, y = f;
export {
  y as default
};
