import { ReactNode } from 'react';
/**
 * Props for GoogleMapsAdvancedMarker component
 */
export interface GoogleMapsAdvancedMarkerProps {
    /** Unique identifier for the marker */
    id: string;
    /** Indicates if Google Maps JavaScript API is loaded */
    isJsApiLoaded: boolean;
    /** Callback when marker is clicked, receives marker ID */
    onClick?: (id: string) => void;
    /** Callback when mouse enters marker area */
    onMouseOver?: (e: google.maps.MapMouseEvent) => void;
    /** Callback when mouse leaves marker area */
    onMouseOut?: (e: google.maps.MapMouseEvent) => void;
    /** Marker position coordinates */
    pos: {
        lat: number;
        lng: number;
    };
    /** Z-index for marker layering */
    zIndex?: number;
    /** Rollover text displayed on hover */
    title?: string;
    /** If true, the marker can be dragged */
    draggable?: boolean;
    /** Callback when user stops dragging the marker */
    onDragEnd?: (e: google.maps.MapMouseEvent) => void;
    /**
     * Content rendered inside the AdvancedMarkerElement via React portal.
     * Use GoogleMapsAdvancedMarkerContent for a default pin, or provide custom HTML.
     * Absolutely-positioned children (e.g. info overlays) won't affect the marker anchor.
     */
    children?: ReactNode;
}
/**
 * GoogleMapsAdvancedMarker Component
 *
 * Uses google.maps.marker.AdvancedMarkerElement with a React portal so that
 * children are rendered directly inside the marker's DOM content node.
 * This allows arbitrary React content (SVG pins, info overlays, etc.) to be
 * placed exactly where the marker is on the map.
 *
 * Requires a mapId on the parent GoogleMaps component.
 *
 * @example
 * ```tsx
 * <GoogleMaps mapId="YOUR_MAP_ID" center={center} zoom={10}>
 *   <GoogleMapsAdvancedMarker id="marker-1" isJsApiLoaded={true} pos={{ lat: 40.7, lng: -74.0 }}>
 *     <GoogleMapsAdvancedMarkerContent color="#4285F4" />
 *   </GoogleMapsAdvancedMarker>
 * </GoogleMaps>
 * ```
 */
export declare const GoogleMapsAdvancedMarker: (props: GoogleMapsAdvancedMarkerProps) => import('react').ReactPortal;
