@atlaskit/editor-plugin-quick-insert/dist/es2019/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 const RegistryElementBrowserFooter = ({
  helpUrl,
  isInsertEnabled,
  onClose,
  onConfirmInsert,
  resultCount
}) => {
  const {
    formatMessage
  } = useIntl();
  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'
  }))));
};