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

Quick insert plugin for @atlaskit/editor-core

import React from 'react';
import { useIntl } from 'react-intl';
import Button from '@atlaskit/button/default/button';
import LinkButton from '@atlaskit/button/link';
import { Inline, Text } from '@atlaskit/primitives/compiled';
export var RegistryElementBrowserFooter = function RegistryElementBrowserFooter(_ref) {
  var helpUrl = _ref.helpUrl,
    isInsertEnabled = _ref.isInsertEnabled,
    onClose = _ref.onClose,
    onConfirmInsert = _ref.onConfirmInsert,
    resultCount = _ref.resultCount;
  var _useIntl = useIntl(),
    formatMessage = _useIntl.formatMessage;
  return /*#__PURE__*/React.createElement(Inline, {
    alignBlock: "center",
    grow: "fill",
    spread: "space-between"
  }, /*#__PURE__*/React.createElement(Inline, {
    alignBlock: "center",
    space: "space.100"
  }, /*#__PURE__*/React.createElement(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.createElement(LinkButton, {
    appearance: "subtle",
    href: helpUrl,
    target: "_blank"
  }, formatMessage({
    defaultMessage: 'Help',
    id: 'editor.quick-insert.help'
  }))), /*#__PURE__*/React.createElement(Inline, {
    space: "space.100"
  }, /*#__PURE__*/React.createElement(Button, {
    appearance: "primary",
    isDisabled: !isInsertEnabled,
    onClick: onConfirmInsert
  }, formatMessage({
    defaultMessage: 'Insert',
    id: 'editor.quick-insert.insert'
  })), /*#__PURE__*/React.createElement(Button, {
    appearance: "subtle",
    onClick: onClose
  }, formatMessage({
    defaultMessage: 'Close',
    id: 'editor.quick-insert.close'
  }))));
};