import React from 'react';
import { observer } from 'mobx-react-lite';
import { InfiniteScrollLoaderBase } from './InfiniteScrollLoaderBase';
import { SkeletonGrid } from '../SkeletonGrid';
import { Box } from '@wix/design-system';
function _SkeletonInfiniteScrollLoader({ state, targetRef, dataHook, }) {
    const { contentPaddingPx } = state.toolbar;
    return (React.createElement(InfiniteScrollLoaderBase, { state: state.collection, targetRef: targetRef },
        React.createElement(Box, { dataHook: dataHook, paddingBottom: contentPaddingPx },
            React.createElement(SkeletonGrid, { state: state }))));
}
export const SkeletonInfiniteScrollLoader = observer(_SkeletonInfiniteScrollLoader);
//# sourceMappingURL=SkeletonInfiniteScrollLoader.js.map