@mantine/tiptap
Version:
Rich text editor based on tiptap
47 lines (46 loc) • 1.7 kB
JavaScript
"use client";
require("../_virtual/_rolldown/runtime.cjs");
const require_RichTextEditor_module = require("../RichTextEditor.module.cjs");
const require_RichTextEditor_context = require("../RichTextEditor.context.cjs");
let _mantine_core = require("@mantine/core");
let _tiptap_react = require("@tiptap/react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/tiptap/src/RichTextEditorContent/RichTextEditorContent.tsx
const RichTextEditorContent = (0, _mantine_core.factory)((_props) => {
const { classNames, className, style, styles, vars, ...others } = (0, _mantine_core.useProps)("RichTextEditorContent", null, _props);
const ctx = require_RichTextEditor_context.useRichTextEditorContext();
if (ctx.withTypographyStyles) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Typography, {
...ctx.getStyles("Typography", {
className,
style,
styles,
classNames
}),
unstyled: ctx.unstyled,
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
component: _tiptap_react.EditorContent,
editor: ctx.editor,
...ctx.getStyles("content", {
classNames,
styles
}),
...others
})
});
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
component: _tiptap_react.EditorContent,
editor: ctx.editor,
...ctx.getStyles("content", {
classNames,
styles,
className,
style
}),
...others
});
});
RichTextEditorContent.classes = require_RichTextEditor_module.default;
RichTextEditorContent.displayName = "@mantine/tiptap/RichTextEditorContent";
//#endregion
exports.RichTextEditorContent = RichTextEditorContent;
//# sourceMappingURL=RichTextEditorContent.cjs.map