import { EuiLoadingSpinner } from '@elastic/eui' ; import React , { Suspense , lazy } from 'react' ; import type { ExceptionBuilderProps } from './exception_items_renderer' ; export type { OnChangeProps } from './exception_items_renderer' ; interface ExtraProps { dataTestSubj : string ; idAria : string ; } /**
 * This lazy load allows the exception builder to pull everything out into a plugin chunk.
 * You want to be careful of not directly importing/exporting things from exception_items_renderer
 * unless you use a import type, and/or a export type to ensure full type erasure
 */ const ExceptionBuilderComponentLazy = lazy ( ( ) => import ( './exception_items_renderer' ) ) ; export const getExceptionBuilderComponentLazy = ( props ) : JSX . Element => ( < Suspense fallback = { < EuiLoadingSpinner / > } > < ExceptionBuilderComponentLazy data - test - subj = { props . dataTestSubj } id - aria = { props . idAria } { ... props } /> < /Suspense>);