@nodeject/ui-components/cjs/layout/Content.js

UI library for non-trivial components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = void 0;
var React = require("react");
var react_intersection_visible_1 = require("react-intersection-visible");
var Content = function (props) {
    var onContentBottomReached = function (entries) {
        var isContentBottomReached = entries[0].isIntersecting;
        props.onContentBottomReached(isContentBottomReached);
    };
    var onContentTopReached = function (entries) {
        var isContentTopReached = entries[0].isIntersecting;
        props.onContentTopReached(isContentTopReached);
    };
    return (React.createElement(React.Fragment, null,
        React.createElement(react_intersection_visible_1.default, { onIntersect: function (e) { return onContentTopReached(e); } }),
        props.content,
        React.createElement(react_intersection_visible_1.default, { onIntersect: function (e) { return onContentBottomReached(e); } })));
};
exports.Content = Content;