import { BaseInputFieldProps } from '../../common/types/input';
import { IconProps } from '../icon/Icon';
import { SelectValueTypeConstraint } from '../select/selectCommonTypes';
import { SelectFieldProps } from '../select/SelectField';
import { OptionHTMLAttributes } from 'react';
type SelectIconColor = Extract<IconProps['feColor'], 'blue' | 'green' | 'orange' | 'red' | 'yellow'>;
export type SelectItem<T extends SelectValueTypeConstraint = string> = Omit<OptionHTMLAttributes<HTMLOptionElement>, 'selected' | 'value'> & {
    /** If provided, adds an icon to the right of your SelectField item */
    feIcon?: IconProps['feIcon'];
    /** If provided, sets the color of the icon */
    feIconColor?: SelectIconColor;
    /** If provided, adds a very short label to the right of your SelectField item  */
    feShortLabel?: string;
    /** If provided, renders an optgroup with corresponding items */
    items?: SelectItem<T>[];
    value?: T;
};
export type SelectProps<T extends SelectValueTypeConstraint> = BaseInputFieldProps & SelectFieldProps<T> & {
    /** If provided, sets number of visible rows for the list */
    feRows?: 5 | 6 | 7;
};
/**
 * <span className="sbdocs-tag sbdocs-blue">controlled</span>
 * <span className="sbdocs-tag sbdocs-blue">uncontrolled</span>
 *
 * The `<Select>` component is a custom "select" that retains the accessible functionality of its native html `<select>` element.<br>
 * It uses `downshift` behind the scenes.
 *
 * See [Downshift](https://downshift-js.com/) for more information on how the component works.<br>
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/folder/6196268b993f76cbf10607b3) for design principles.
 */
declare const Select: {
    <T extends SelectValueTypeConstraint = string>({ "aria-errormessage": ariaErrorMessage, className, defaultValue, disabled, feHideLabel, feHint, feLabel, feListHeight, feRows, feRequiredText, feSeverity, feSize, id, multiple, onChange, required, value, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default Select;