import * as React from 'react'; import { Size } from '../types'; import { BoxProps } from '../Box'; import { FieldWrapperProps } from '../FieldWrapper'; export declare type LocalSelectProps = { /** Automatically focus on the input */ autoFocus?: boolean; /** If the `label` prop is supplied, is it contained inside the select? */ containLabel?: boolean; /** Default value of the input */ defaultValue?: string; /** Disables the input */ disabled?: boolean; /** Adds a cute loading indicator to the input field */ isLoading?: boolean; /** Makes the input required and sets aria-invalid to true */ isRequired?: boolean; label?: string; /** Name of the input field */ name?: string; options: Array<{ label: string; value: any; disabled?: boolean; }>; /** Alters the size of the input. Can be "small", "medium" or "large" */ size?: Size; /** Hint text to display */ placeholder?: string; selectProps?: Partial; selectRef?: React.Ref; /** State of the input. Can be any color in the palette. */ state?: string; /** Should include the placeholder as a disabled option (default: true) **/ showPlaceholderOption?: boolean; /** Should include the label as a disabled option (default: true) **/ showLabelOption?: boolean; /** Value of the input */ value?: any; /** Function to invoke when focus is lost */ onBlur?: React.FocusEventHandler; /** Function to invoke when input has changed */ onChange?: React.FormEventHandler; /** Function to invoke when input is focused */ onFocus?: React.FocusEventHandler; }; export declare type SelectProps = Omit & LocalSelectProps; export declare const Select: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalSelectFieldProps = { /** Addon component to the input (before). Similar to the addon components in Input. */ addonBefore?: React.ReactElement; /** Addon component to the input (after). Similar to the addon components in Input. */ addonAfter?: React.ReactElement; /** Additional props for the Select component */ selectProps?: SelectProps; /** If addonBefore or addonAfter exists, then the addons will render vertically. */ orientation?: 'vertical' | 'horizontal'; }; export declare type SelectFieldProps = BoxProps & FieldWrapperProps & SelectProps & LocalSelectFieldProps; export declare const SelectField: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; };