import React from 'react' ; import { withOpenSearchDashboards } from '../../../../opensearch_dashboards_react/public' ; import type { QueryBarTopRowProps } from './query_bar_top_row' ; import type { QueryStringInputProps } from './query_string_input' ; const Fallback = ( ) => < div />; const LazyQueryBarTopRow = React . lazy ( ( ) => import ( './query_bar_top_row' ) ) ; export const QueryBarTopRow = ( props ) => ( < React . Suspense fallback = { < Fallback / > } > < LazyQueryBarTopRow { ... props } / > < /React.Suspense>); const LazyQueryStringInputUI = withOpenSearchDashboards ( React . lazy ( ( ) => import ( './query_string_input' ) ) ) ; export const QueryStringInput = ( props ) => ( < React . Suspense fallback = { < Fallback / > } > < LazyQueryStringInputUI { ... props } / > < /React.Suspense>); export type { QueryStringInputProps } ;