@atlaskit/editor-plugin-quick-insert/dist/esm/ui/registered-menu/QuickInsertEmptyState.js

Quick insert plugin for @atlaskit/editor-core

/* QuickInsertEmptyState.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./QuickInsertEmptyState.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { useIntl } from 'react-intl';
import { lazy, LazySuspense } from 'react-loosely-lazy';
import { cx } from '@atlaskit/css';
import { messages } from '@atlaskit/editor-common/quick-insert/messages';
import { Box } from '@atlaskit/primitives/compiled/box';
import { Text } from '@atlaskit/primitives/compiled/text';
var NoResultsIllustration = lazy(function () {
  return import( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
  './assets/no-results').then(function (module) {
    return module.default;
  });
});
var styles = {
  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
  compact: "_1rjcxy5q",
  spacious: "_1rjcoahv",
  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
  fullIllustration: "_4t3io7ol _1bsbtudo"
};
export var QuickInsertEmptyState = function QuickInsertEmptyState(_ref) {
  var mode = _ref.mode,
    _ref$spacing = _ref.spacing,
    spacing = _ref$spacing === void 0 ? mode === 'full' ? 'spacious' : 'compact' : _ref$spacing;
  var _useIntl = useIntl(),
    formatMessage = _useIntl.formatMessage;
  var illustrationSize = mode === 'full' ? {
    width: 76,
    height: 84
  } : {
    width: 57,
    height: 63
  };
  return /*#__PURE__*/React.createElement(Box, {
    testId: "quick-insert-empty-state",
    xcss: cx(styles.base, styles[spacing])
  }, /*#__PURE__*/React.createElement(Box, {
    xcss: mode === 'full' ? styles.fullIllustration : styles.inlineIllustration
  }, /*#__PURE__*/React.createElement(LazySuspense, {
    fallback: null
  }, /*#__PURE__*/React.createElement(NoResultsIllustration, {
    width: illustrationSize.width,
    height: illustrationSize.height
  }))), /*#__PURE__*/React.createElement(Text, {
    align: "center"
  }, formatMessage(messages.noSearchResults)));
};