text: import styles from './LazyTest.module.scss';
  import React, { lazy, Suspense } from 'react';
  import ObserverWrapper from '../../components/ObserverWrapper/ObserverWrapper';
  import Spinner from '../../components/__preloader/Spinner/Spinner';
  
  const ImageTest = lazy(() => import('./ImageTest'));
  
  const LazyTest = ({ children, className, ...restProps }) => {
    return (
      <Suspense fallback={<Spinner />}>
        <ObserverWrapper
          options={{
            threshold: 0,
            rootMargin: '900px 0px',
            triggerOnce: true,
          }}
          className={styles.root}
          {...restProps}
        >
          <ImageTest />
        </ObserverWrapper>
      </Suspense>
    );
  };
  
  export default LazyTest;
  