@empoleon/tiptap/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.cjs

Rich text editor based on tiptap

'use strict';

var web = require('solid-js/web');
var core = require('@empoleon/core');
var RichTextEditor_context = require('../RichTextEditor.context.cjs');
var RichTextEditor_module = require('../RichTextEditor.module.css.cjs');
var solidJs = require('solid-js');

const defaultProps = {};
const RichTextEditorControlsGroup = core.factory(_props => {
  const props = core.useProps("RichTextEditorControlsGroup", defaultProps, _props);
  const [local, others] = solidJs.splitProps(props, ["classNames", "className", "style", "styles", "vars", "variant", "ref"]);
  const ctx = RichTextEditor_context.useRichTextEditorContext();
  return web.createComponent(core.Box, web.mergeProps({
    ref(r$) {
      var _ref$ = local.ref;
      typeof _ref$ === "function" ? _ref$(r$) : local.ref = r$;
    },
    get variant() {
      return local.variant || ctx.variant;
    }
  }, () => ctx.getStyles("controlsGroup", {
    className: local.className,
    style: local.style,
    styles: local.styles,
    classNames: local.classNames
  }), others));
});
RichTextEditorControlsGroup.classes = RichTextEditor_module;
RichTextEditorControlsGroup.displayName = "@empoleon/tiptap/RichTextEditorControlsGroup";

exports.RichTextEditorControlsGroup = RichTextEditorControlsGroup;
//# sourceMappingURL=RichTextEditorControlsGroup.cjs.map