@empoleon/tiptap/esm/RichTextEditorControlsGroup/RichTextEditorControlsGroup.mjs

Rich text editor based on tiptap

import { createComponent, mergeProps } from 'solid-js/web';
import { factory, useProps, Box } from '@empoleon/core';
import { useRichTextEditorContext } from '../RichTextEditor.context.mjs';
import classes from '../RichTextEditor.module.css.mjs';
import { splitProps } from 'solid-js';

const defaultProps = {};
const RichTextEditorControlsGroup = factory(_props => {
  const props = useProps("RichTextEditorControlsGroup", defaultProps, _props);
  const [local, others] = splitProps(props, ["classNames", "className", "style", "styles", "vars", "variant", "ref"]);
  const ctx = useRichTextEditorContext();
  return createComponent(Box, 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 = classes;
RichTextEditorControlsGroup.displayName = "@empoleon/tiptap/RichTextEditorControlsGroup";

export { RichTextEditorControlsGroup };
//# sourceMappingURL=RichTextEditorControlsGroup.mjs.map