import { default as React, ReactNode } from 'react';
export type SelectAddonOptionGroup<T> = {
    key: string;
    label: string;
    options: T[];
};
export type SelectAddonOption = {
    key: string;
    label: string;
};
export type Props<T extends SelectAddonOption> = {
    className?: string;
    options: (T | SelectAddonOptionGroup<T>)[];
    value: T | undefined;
    isDisabled?: boolean;
    position?: 'left' | 'right';
    onSelect(value: T): void;
    optionToString?(option: SelectAddonOption | null): string;
    renderOption?(option: T, state?: {
        isSelected: boolean;
    }): ReactNode;
    renderOptionGroup?(optionGroup: SelectAddonOptionGroup<T>): ReactNode;
    renderSelectedItem(value: T): React.ReactNode;
} & Omit<React.HTMLProps<HTMLButtonElement>, 'type' | 'value' | 'onSelect'>;
export declare const SelectAddon: <T extends SelectAddonOption>({ className, options, value, isDisabled, position, onSelect, optionToString, renderOption, renderOptionGroup, renderSelectedItem, ...rest }: Props<T>) => React.JSX.Element;
//# sourceMappingURL=SelectAddon.d.ts.map