@atlaskit/editor-plugin-text-color/dist/esm/ui/TextMenuSection.js

Text color plugin for @atlaskit/editor-core

/* TextMenuSection.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./TextMenuSection.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
import { fg } from '@atlaskit/platform-feature-flags';
import { Box } from '@atlaskit/primitives/compiled';
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
var styles = {
  menuOld: "_1rjcv77o _18zru2gc",
  menu: "_zulpu2gc _1rjc12x7 _18zrutpp _1e0c1txw _2lx21bp4"
};
export var TextMenuSection = function TextMenuSection(_ref) {
  var children = _ref.children,
    parents = _ref.parents;
  var hasSeparator = parents.some(function (parent) {
    return parent.key === TEXT_COLLAPSED_MENU.key;
  });
  var onMouseDown = function onMouseDown(event) {
    if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1')) {
      event.stopPropagation();
    }
  };
  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
    hasSeparator: hasSeparator
  }, /*#__PURE__*/React.createElement(Box, {
    xcss: expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1') ? styles.menu : styles.menuOld,
    onMouseDown: onMouseDown
  }, children));
};