@atlaskit/editor-plugin-quick-insert/dist/es2019/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';
const NoResultsIllustration = lazy(() => import( /* webpackChunkName: "@atlaskit-internal_editor-quick-insert-no-results" */
'./assets/no-results').then(module => module.default));
const styles = {
  base: "_zulp1ejb _4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq",
  compact: "_1rjcxy5q",
  spacious: "_1rjcoahv",
  inlineIllustration: "_4t3i1h39 _1bsb1mcy",
  fullIllustration: "_4t3io7ol _1bsbtudo"
};
export const QuickInsertEmptyState = ({
  mode,
  spacing = mode === 'full' ? 'spacious' : 'compact'
}) => {
  const {
    formatMessage
  } = useIntl();
  const 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)));
};