'use strict';

var React = require('react');
var jobberHooks = require('@jobber/hooks');

var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};

function ComboboxLoadMore({ onLoadMore }) {
    const [inViewRef, isInView] = jobberHooks.useInView();
    React.useEffect(() => {
        isInView && onLoadMore();
    }, [isInView]);
    return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
}

exports.ComboboxLoadMore = ComboboxLoadMore;
