"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "EndReachedBox", {
    enumerable: true,
    get: function() {
        return EndReachedBox;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _useEndReached = require("./useEndReached");
const EndReachedBox = (props)=>{
    const sentinelRef = (0, _react.useRef)(null);
    const { onEndReached } = props;
    (0, _useEndReached.useEndReached)(sentinelRef, ()=>{
        onEndReached?.();
    });
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
        children: [
            props.children,
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                ref: sentinelRef,
                className: "orderly-relative orderly-invisible orderly-h-[1px] orderly-bg-red-400"
            })
        ]
    });
};

//# sourceMappingURL=endReachedBox.js.map