import { jsx as n } from "react/jsx-runtime";
import { PlateElement as a } from "@udecode/plate-utils";
import { getHandler as i } from "@udecode/utils";
import { forwardRef as d } from "react";
import { merge as w } from "../../../../../utilities/merge.es.js";
const p = d(
  ({ className: o, onClick: r, ...t }, l) => {
    const { children: m, element: e } = t;
    return /* @__PURE__ */ n(
      a,
      {
        ref: l,
        asChild: !0,
        "data-slate-value": e.value,
        className: w([
          "tw-inline-block tw-rounded-sm tw-shadow-none tw-font-bold tw-leading-[10px] tw-m-0 tw-py-0.5 tw-px-1.5 tw-text-[rgb(130,95,255)] tw-bg-[rgb(227,232,246)]",
          o
        ]),
        onClick: i(r, e),
        ...t,
        children: /* @__PURE__ */ n("span", { children: m })
      }
    );
  }
);
p.displayName = "MentionInputElement";
export {
  p as MentionInputElement
};
//# sourceMappingURL=MentionInputElement.es.js.map
