@atlaskit/editor-plugin-quick-insert/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserFooter.js

Quick insert plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RegistryElementBrowserFooter = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
var _link = _interopRequireDefault(require("@atlaskit/button/link"));
var _compiled = require("@atlaskit/primitives/compiled");
var RegistryElementBrowserFooter = exports.RegistryElementBrowserFooter = function RegistryElementBrowserFooter(_ref) {
  var helpUrl = _ref.helpUrl,
    isInsertEnabled = _ref.isInsertEnabled,
    onClose = _ref.onClose,
    onConfirmInsert = _ref.onConfirmInsert,
    resultCount = _ref.resultCount;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
    alignBlock: "center",
    grow: "fill",
    spread: "space-between"
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
    alignBlock: "center",
    space: "space.100"
  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
    color: "color.text.subtlest"
  }, formatMessage({
    defaultMessage: '{count, plural, one {# result available} other {# results available}}',
    id: 'editor.quick-insert.results-available'
  }, {
    count: resultCount
  })), helpUrl && /*#__PURE__*/_react.default.createElement(_link.default, {
    appearance: "subtle",
    href: helpUrl,
    target: "_blank"
  }, formatMessage({
    defaultMessage: 'Help',
    id: 'editor.quick-insert.help'
  }))), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
    space: "space.100"
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    appearance: "primary",
    isDisabled: !isInsertEnabled,
    onClick: onConfirmInsert
  }, formatMessage({
    defaultMessage: 'Insert',
    id: 'editor.quick-insert.insert'
  })), /*#__PURE__*/_react.default.createElement(_button.default, {
    appearance: "subtle",
    onClick: onClose
  }, formatMessage({
    defaultMessage: 'Close',
    id: 'editor.quick-insert.close'
  }))));
};