//
/// <reference types="google.maps" />
import * as React from "react";

export type AutocompletePrediction = google.maps.places.AutocompletePrediction;

export interface Suggestion {
    id: string;
    active: boolean;
    index: number;
    description: AutocompletePrediction["description"];
    placeId: AutocompletePrediction["place_id"];
    formattedSuggestion: {
        mainText: AutocompletePrediction["structured_formatting"]["main_text"];
        secondaryText: AutocompletePrediction["structured_formatting"]["secondary_text"];
    };
    matchedSubstrings: AutocompletePrediction["matched_substrings"];
    terms: AutocompletePrediction["terms"];
    types: AutocompletePrediction["types"];
}

export interface PropTypes {
    onChange?: ((value: string) => void) | undefined;
    value?: string | undefined;
    onError?: ((status: string, clearSuggestion: () => void) => void) | undefined;
    onSelect?: ((address: string, placeID: string) => void) | undefined;
    searchOptions?: {
        bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral | undefined;
        componentRestrictions?: google.maps.places.ComponentRestrictions | undefined;
        location?: google.maps.LatLng | google.maps.LatLngLiteral | undefined;
        offset?: number | string | undefined;
        radius?: number | string | undefined;
        sessionToken?: any;
        types?: string[] | undefined;
        locationRestriction?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral | undefined;
    } | undefined;
    debounce?: number | undefined;
    highlightFirstSuggestion?: boolean | undefined;
    shouldFetchSuggestions?: boolean | undefined;
    googleCallbackName?: string | undefined;
    children: (
        opts: Readonly<{
            loading: boolean;
            suggestions: readonly Suggestion[];
            getInputProps: <InputProps extends {}>(options?: InputProps) => {
                type: "text";
                autoComplete: "off";
                role: "combobox";
                "aria-autocomplete": "list";
                "aria-expanded": boolean;
                "aria-activedescendant": string | undefined;
                disabled: boolean;
                onKeyDown: React.KeyboardEventHandler;
                onBlur: React.FocusEventHandler;
                value: string | undefined;
                onChange: (ev: { target: { value: string } }) => void;
            } & InputProps;
            getSuggestionItemProps: <SuggestionProps extends {}>(suggestion: Suggestion, options?: SuggestionProps) => {
                key: number;
                id: string | undefined;
                role: "option";
                onMouseEnter: React.MouseEventHandler;
                onMouseLeave: React.MouseEventHandler;
                onMouseDown: React.MouseEventHandler;
                onMouseUp: React.MouseEventHandler;
                onTouchStart: React.TouchEventHandler;
                onTouchEnd: React.TouchEventHandler;
                onClick: React.MouseEventHandler;
            } & SuggestionProps;
        }>,
    ) => React.ReactNode;
}

export function geocodeByAddress(address: string): Promise<google.maps.GeocoderResult[]>;

export function geocodeByPlaceId(placeId: string): Promise<google.maps.GeocoderResult[]>;

export function getLatLng(results: google.maps.GeocoderResult): Promise<google.maps.LatLngLiteral>;

export default class PlacesAutocomplete extends React.Component<PropTypes> {}