@frontify/fondue
Version:
Design system of Frontify
31 lines (30 loc) • 952 B
JavaScript
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