@dotcms/react/src/lib/next/hooks/useCheckVisibleContent.d.ts

Official React Components library to render a dotCMS page.

import { RefObject } from 'react';
/**
 * @internal
 * A custom React hook that checks whether a referenced HTMLDivElement has visible content based on its height.
 *
 * @param {RefObject<HTMLDivElement>} ref - A React ref object pointing to an HTMLDivElement.
 * @returns {boolean} - Returns true if the element's height is greater than zero (indicating visible content), otherwise false.
 *
 * @example
 * import { useRef } from 'react';
 * import { useCheckVisibleContent } from 'src/lib/next/hooks/useCheckVisibleContent';
 *
 * function MyComponent() {
 *   const contentRef = useRef<HTMLDivElement>(null);
 *   const isContentVisible = useCheckVisibleContent(contentRef);
 *
 *   return (
 *     <div ref={contentRef}>
 *       {isContentVisible ? 'Content is visible' : 'Content is not visible'}
 *     </div>
 *   );
 * }
 */
export declare const useCheckVisibleContent: (ref: RefObject<HTMLDivElement>) => boolean;