@rtdui/editor/cjs/RichTextEditor/tiptap_controls/ControlBase.cjs

React rich text editor based on tiptap

'use client';
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var clsx = require('clsx');

const ControlBase = React.forwardRef(
  (props, ref) => {
    const {
      className,
      active,
      icon: Icon,
      interactive = true,
      ...others
    } = props;
    return /* @__PURE__ */ jsxRuntime.jsx(
      "button",
      {
        type: "button",
        className: clsx("join-item", "btn btn-sm btn-square", {
          "btn-active": active,
          "btn-disabled": !interactive
        }),
        "data-tiptap-control": true,
        tabIndex: interactive ? 0 : -1,
        "aria-pressed": active && interactive || void 0,
        "aria-hidden": !interactive || void 0,
        ref,
        ...others,
        children: Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "20px" })
      }
    );
  }
);
ControlBase.displayName = "@rtdui/ControlBase";

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