import { ZoomControl } from './types';
/**
 * Higher-Order Component that provides zoom management capabilities through a render props pattern,
 * including zoom state, smooth transitions, loading states, and flyTo operations.
 *
 * @remarks
 * This component does not render any UI elements. It provides zoom state and control functions
 * through render props, allowing you to create custom zoom interfaces with complete design freedom.
 *
 * @example
 * ```tsx
 * <ZoomControls mapId="my-map">
 *   {({ zoom, setZoom, maxZoom, minZoom, isLoading }) => (
 *     <div>
 *       <button onClick={() => setZoom(zoom + 1)} disabled={zoom >= maxZoom || isLoading}>Zoom In</button>
 *       <span>Zoom: {Math.round(zoom * 100) / 100}</span>
 *       <button onClick={() => setZoom(zoom - 1)} disabled={zoom <= minZoom || isLoading}>Zoom Out</button>
 *     </div>
 *   )}
 * </ZoomControls>
 * ```
 */
export declare function ZoomControls({ children, mapId }: ZoomControl): import('react').ReactNode;
