import React from "react";
import { ThailandAddressValue } from "./context";
import { DatasourceItem } from "./use-thailand-addr";
declare type SuggestionPanelPropTypes = {
    ds: DatasourceItem[];
    shouldVisible: boolean;
    onDatasourceItemSelected?: (ds: ThailandAddressValue) => void;
    containerProps?: JSX.IntrinsicElements["ul"];
    optionItemProps?: JSX.IntrinsicElements["li"];
    highlightedItemIndex?: number;
    onOptionMouseEnter?: (i: number) => void;
};
export declare type ThailandAddressTypeaheadPropTypes = {
    value?: ThailandAddressValue;
    onValueChange?: (nextVal: ThailandAddressValue) => void;
    children: React.ReactNode;
    /**
     * custom datasource will replace the default datasource
     * @see DatasourceItem to provide a right format
     */
    datasouce?: DatasourceItem[];
};
export declare const ThailandAddressTypeahead: {
    ({ children, value, onValueChange, datasouce }: ThailandAddressTypeaheadPropTypes): JSX.Element;
    SubdistrictInput: {
        (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
            containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
        }): JSX.Element;
        displayName: string;
    };
    DistrictInput: {
        (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
            containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
        }): JSX.Element;
        displayName: string;
    };
    ProvinceInput: {
        (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
            containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
        }): JSX.Element;
        displayName: string;
    };
    PostalCodeInput: {
        (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
            containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
        }): JSX.Element;
        displayName: string;
    };
    Suggestion: ({ containerProps, optionItemProps }: DefaultSuggestionPanelPropTypes) => React.ReactPortal | null;
    CustomSuggestion: ({ children }: CustomSuggestionPanelPropTypes) => React.ReactPortal | null;
};
export declare type DefaultSuggestionPanelPropTypes = {
    containerProps?: SuggestionPanelPropTypes["containerProps"];
    optionItemProps?: SuggestionPanelPropTypes["optionItemProps"];
};
declare type CustomSuggestionPanelPropTypes = {
    children: (ds: ThailandAddressValue[], shouldVisible: boolean, onSuggestionSelected: (nextVal: ThailandAddressValue) => void) => React.ReactNode;
};
export declare const CustomSuggestionPanel: ({ children }: CustomSuggestionPanelPropTypes) => React.ReactPortal | null;
export declare const SubdistrictInput: {
    (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
        containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
    }): JSX.Element;
    displayName: string;
};
export declare const ProvinceInput: {
    (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
        containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
    }): JSX.Element;
    displayName: string;
};
export declare const DistrictInput: {
    (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
        containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
    }): JSX.Element;
    displayName: string;
};
export declare const PostalCodeInput: {
    (innerProps: Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "onChange"> & {
        containerProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
    }): JSX.Element;
    displayName: string;
};
export declare const Suggestion: ({ containerProps, optionItemProps }: DefaultSuggestionPanelPropTypes) => React.ReactPortal | null;
export declare const CustomSuggestion: ({ children }: CustomSuggestionPanelPropTypes) => React.ReactPortal | null;
export { ThailandAddressValue };