@atlaskit/editor-plugin-extension/dist/cjs/ui/ConfigPanel/Header/HeaderAfterIconElement.js

editor-plugin-extension plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _primitives = require("@atlaskit/primitives");
var _withExtensionManifest = require("../withExtensionManifest");
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss

var itemBodyStyles = (0, _primitives.xcss)({
  display: 'flex',
  flexDirection: 'row',
  flexWrap: 'nowrap',
  justifyContent: 'space-between',
  margin: 'space.200',
  flexGrow: 3
});
var itemTextStyles = (0, _primitives.xcss)({
  maxWidth: '100%',
  whiteSpace: 'initial'
});
var summaryStyles = (0, _primitives.xcss)({
  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
  color: 'color.text.subtlest',
  marginTop: 'space.050',
  whiteSpace: 'nowrap',
  overflow: 'hidden',
  textOverflow: 'ellipsis'
});
function HeaderAfterIconElement(_ref) {
  var extensionManifest = _ref.extensionManifest;
  var title = extensionManifest.title;
  var summary = extensionManifest.summary;
  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
    xcss: itemBodyStyles
  }, summary ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
    xcss: itemTextStyles
  }, /*#__PURE__*/_react.default.createElement("div", {
    id: "context-panel-title",
    "data-testid": "context-panel-title"
  }, title), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
    xcss: summaryStyles
  }, summary)) : /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
    direction: "column",
    alignItems: "center",
    testId: "context-panel-title"
  }, title));
}
var _default_1 = (0, _withExtensionManifest.withExtensionManifest)(HeaderAfterIconElement);
var _default = exports.default = _default_1;