import * as i from "react";
import m from "../../classnames/index.mjs";
var f = function(n) {
  var s = n.className, o = n.customizeIcon, l = n.customizeIconProps, c = n.onMouseDown, r = n.onClick, u = n.children, e;
  return typeof o == "function" ? e = o(l) : e = o, /* @__PURE__ */ i.createElement("span", {
    className: s,
    onMouseDown: function(a) {
      a.preventDefault(), c && c(a);
    },
    style: {
      userSelect: "none",
      WebkitUserSelect: "none"
    },
    unselectable: "on",
    onClick: r,
    "aria-hidden": !0
  }, e !== void 0 ? e : /* @__PURE__ */ i.createElement("span", {
    className: m(s.split(/\s+/).map(function(t) {
      return "".concat(t, "-icon");
    }))
  }, u));
};
export {
  f as default
};
