import React from 'react' ; import { EuiLoadingContent , EuiDelayRender } from '@elastic/eui' ; import type { MarkdownSimpleProps } from './markdown_simple' ; import type { MarkdownProps } from './markdown' ; const Fallback = ( ) => ( < EuiDelayRender > < EuiLoadingContent lines = { 3 } / > < /EuiDelayRender>); const LazyMarkdownSimple = React . lazy ( ( ) => import ( './markdown_simple' ) ) ; export const MarkdownSimple = ( props ) => ( < React . Suspense fallback = { < Fallback / > } > < LazyMarkdownSimple { ... props } / > < /React.Suspense>); const LazyMarkdown = React . lazy ( ( ) => import ( './markdown' ) ) ; export const Markdown = ( props ) => ( < React . Suspense fallback = { < Fallback / > } > < LazyMarkdown { ... props } / > < /React.Suspense>);