import React from "react";
import { IInjectedStylingProps } from "@webbio/utils";
export declare type SelectOption = {
    id: number | string;
    label: string;
};
export interface ISelectProps extends IInjectedStylingProps {
    className?: string;
    disabled?: boolean;
    enableCustom?: boolean;
    fixCrossBrowserStyling?: boolean;
    fullWidth?: boolean;
    id?: string;
    isInvalid?: boolean;
    multiple?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
    options: SelectOption[];
    placeholder?: string;
    size?: "small" | "medium" | "big";
    value?: string | number | string[];
    wrapperClassName?: string;
}
declare const Select: {
    new (props: any): {
        render(): JSX.Element;
        context: any;
        setState<K extends "styleUtil">(state: import("@webbio/utils/dist/higher-order").IWithStylingState | ((prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, props: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>) => import("@webbio/utils/dist/higher-order").IWithStylingState | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null) | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps> & Readonly<{
            children?: React.ReactNode;
        }>;
        state: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>): any;
        componentDidUpdate?(prevProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ISelectProps, "className" | "disabled" | "enableCustom" | "fixCrossBrowserStyling" | "fullWidth" | "multiple" | "options" | "size" | "wrapperClassName" | "placeholder" | "id" | "isInvalid" | "onChange" | "value"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
    };
    contextType?: React.Context<any> | undefined;
};
export { Select };
