import * as React from 'react';
import { type UseInViewOptions } from '@prom-ui/core/useInView';
export type ViewportProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> & {
    isActive?: boolean;
    /** An alternate UI to render in place of the actual UI if it has not finished loading */
    fallback: React.ReactNode;
    children?: React.ReactNode;
    /** Margin around the root. Can have values similar to the CSS margin property, e.g. `10px 20px 30px 40px` (top, right, bottom, left). */
    rootMargin?: UseInViewOptions['rootMargin'];
    /** Call this function whenever the in view state changes */
    onChange?: UseInViewOptions['onChange'];
    /** Component display name */
    errorCatchName?: string;
};
export declare const Viewport: React.FC<ViewportProps>;
