@gechiui/block-editor/build/components/rich-text/format-toolbar-container.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _components = require("@gechiui/components");

var _blockControls = _interopRequireDefault(require("../block-controls"));

var _formatToolbar = _interopRequireDefault(require("./format-toolbar"));

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
const FormatToolbarContainer = _ref => {
  let {
    inline,
    anchorRef
  } = _ref;

  if (inline) {
    // Render in popover
    return (0, _element.createElement)(_components.Popover, {
      noArrow: true,
      position: "top center",
      focusOnMount: false,
      anchorRef: anchorRef,
      className: "block-editor-rich-text__inline-format-toolbar",
      __unstableSlotName: "block-toolbar"
    }, (0, _element.createElement)("div", {
      className: "block-editor-rich-text__inline-format-toolbar-group"
    }, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_formatToolbar.default, null))));
  } // Render regular toolbar


  return (0, _element.createElement)(_blockControls.default, {
    group: "inline"
  }, (0, _element.createElement)(_formatToolbar.default, null));
};

var _default = FormatToolbarContainer;
exports.default = _default;
//# sourceMappingURL=format-toolbar-container.js.map