/**
 * Custom hook para verificar si el contenedor debería ser visible en la pantalla.
 * Cada vez que el contenedor cambia de tamaño, el hook revisa si su altura es al menos de 55 píxeles o mayor (o el valor que se le pasa como argumento).
 * Si es lo suficientemente alta, dice "sí, está visible" (true), si no, dice "no, está demasiado pequeña" (false).
 * El hook useIsVisible es esencial ya que tanto las consultas de contenedor (container queries) como las consultas de medios (media queries) en css
 * solo responden a cambios en el eje X del contenedor. No obstante, en este escenario de desarrollo, necesitamos evaluar también el eje Y.
 * @param containerRef - Referencia al contenedor del componente.
 * @param minHeightThreshold - Umbral mínimo de altura en píxeles para considerar el contenedor como visible (por defecto: 55).
 * @returns true si el contenedor debería ser visible, false en caso contrario.
 * @example
 * ```tsx
 * const MyComponent = () => {
 *   const containerRef = useRef<HTMLDivElement>(null);
 *   const isVisible = useIsVisible(containerRef, 100); // Visible solo si altura >= 100px
 *
 *   return (
 *     <div ref={containerRef}>
 *       {isVisible ? (
 *         <img src="large-image.jpg" alt="Imagen grande" />
 *       ) : (
 *         <div>Contenedor demasiado pequeño para mostrar imagen</div>
 *       )}
 *     </div>
 *   );
 * };
 * ```
 */
export declare const useIsVisible: (containerRef: React.RefObject<HTMLDivElement | null>, minHeightThreshold?: number) => boolean;
//# sourceMappingURL=useIsVisible.d.ts.map