import React__default, { useEffect } from 'react';
import { useInView } from '@jobber/hooks';

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

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

export { ComboboxLoadMore as C };
