import React from 'react';
import { HTMLDataAttributes } from '../types';
declare type SelectChangeEventTargetValue = {
value: T;
name: string | undefined;
};
export declare type SelectChangeEvent = (Omit, 'target'> & {
target: Omit['target'], 'name' | 'value'> & SelectChangeEventTargetValue;
}) | (Omit & {
target: Omit & SelectChangeEventTargetValue;
});
export declare type SelectOption = {
label?: string;
value: T;
};
export declare type SelectRef = Pick & {
node: HTMLInputElement | null;
};
export declare type SelectVariants = 'default' | 'flat';
export declare type SelectFormatDisplayCallback = (option: SelectOption) => string;
export declare type SelectCommonProps = {
'aria-label'?: string;
'aria-labelledby'?: string;
className?: string;
defaultValue?: T;
disabled?: boolean;
name?: string;
onChange?: (selectedOption: SelectOption, options: {
fromEvent: Event | React.SyntheticEvent;
}) => void;
options?: (SelectOption | null | undefined)[];
readOnly?: boolean;
shadow?: boolean;
style?: React.CSSProperties;
value?: T;
variant?: SelectVariants;
width?: React.CSSProperties['width'];
};
export declare type SelectInnerProps = {
formatDisplay?: SelectFormatDisplayCallback;
inputProps?: React.HTMLAttributes & HTMLDataAttributes;
/** @deprecated Use `aria-labelledby` instead */
labelId?: string;
menuMaxHeight?: string | number;
onClose?: (options: {
fromEvent: Event | React.SyntheticEvent;
}) => void;
onOpen?: (options: {
fromEvent: Event | React.SyntheticEvent;
}) => void;
open?: boolean;
} & Pick, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseDown'> & SelectCommonProps;
export {};
//# sourceMappingURL=Select.types.d.ts.map