import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { Component, ComponentType } from 'react';
import { FormControlProps } from '../form.doc';
import { InputBorderStyle, InputSize } from '../input';
export interface SelectOptionEntry<T> {
    text: string;
    value: T;
}
export interface SelectChangeEvent<T> {
    value: T | undefined;
    /**
     * Only available when property `controlled` is `true`
     */
    oldValue?: T | undefined;
}
export interface SelectProps<T> extends FormControlProps<T> {
    className?: string;
    /**
     * Defaults to `'box'`.
     */
    border?: InputBorderStyle;
    /**
     * Defaults to `'middle'`.
     */
    size?: InputSize;
    icon?: IconProp;
    /**
     * Placeholder when the value is `empty`
     */
    placeholder?: string;
    /**
     * Description shown as options popup header.
     */
    description?: string;
    /**
     * Exceeding the maxHeight will scroll.
     */
    maxHeight?: number;
    /**
     * Option entries in array; alternatively supports `<Option>` children.
     */
    options?: SelectOptionEntry<T>[];
    /**
     * Optional option component for rendering.
     */
    optionComponent?: ComponentType<SelectOptionProps<T>>;
    /**
     * Called on value changes.
     */
    onChange?(event: SelectChangeEvent<T>): void;
}
export interface ISelect<T> extends Component<SelectProps<T>> {
}
export interface SelectOptionProps<T> {
    text?: string;
    value?: T;
    selected?: boolean;
    children?: string;
}
export interface ISelectOption<T> extends Component<SelectOptionProps<T>> {
}