/// <reference types="googlemaps" />
import { Color } from "csstype";
import { ChangeEventValue } from "google-map-react";
import * as React from "react";
import { Coords } from "./Common";
declare type MapType = "hybrid" | "roadmap" | "satellite" | "terrain";
declare type Props = {
    apiKey: string;
    backgroundColor?: Color;
    center?: Coords;
    i18n: [string, string];
    initialCenter: Coords;
    initialZoom: number;
    mapStyle?: google.maps.MapTypeStyle[];
    mapType: MapType;
    onApiLoaded?: (map: google.maps.Map) => void;
    onChange?: (center: Coords, zoom: number) => void;
    showTraffic?: boolean;
    streetView?: boolean;
    zoom?: number;
    zoomable?: boolean;
};
declare type State = {
    map: google.maps.Map | null;
};
declare class GoogleMap extends React.PureComponent<Props, State> {
    private shouldUpdateOnMapChange;
    state: State;
    handleApiLoaded: (api: {
        map: google.maps.Map;
    }) => void;
    handleChange: (event: ChangeEventValue) => void;
    render(): JSX.Element;
    renderElements(): (React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[] | undefined;
    componentDidMount(): void;
    componentDidUpdate(): void;
    private checkForShouldUpdateOnMapChange;
}
export { MapType, GoogleMap as ReactExtendedMap };