import {lazy, Suspense} from 'react'

import type {VisualEditingProps} from './VisualEditingComponent'

const VisualEditingComponent = lazy(() => import('./VisualEditingComponent'))

/**
 * @public
 */
export function VisualEditing(props: VisualEditingProps): React.JSX.Element {
  return (
    <Suspense fallback={null}>
      <VisualEditingComponent {...props} />
    </Suspense>
  )
}