import { SelectHTMLAttributes, FC, ChangeEventHandler } from 'react';
declare type BaseElement = HTMLSelectElement;
declare type BaseProps = SelectHTMLAttributes;
declare type SelectVariant = 'filled' | 'transparent';
export interface SelectNativeProps extends BaseProps {
/**
* `class` to be passed to the component.
*/
readonly className?: BaseProps['className'];
/**
* Selects the different items in the dropdown menu. Must pre-exist in the dropdown menu and written in lowercase. Otherwise no value is selected.
*/
readonly value: string;
/**
* An array of data used to create a dropdown menu.
*/
readonly options: ReadonlyArray<{
/**
* The value used to define a selectable option.
*/
readonly value: string;
/**
* String used to label the selected option.
*/
readonly label: string;
/**
* If `true`, the selectable option will be disabled.
*/
readonly disabled?: boolean;
}>;
/**
* Executes a JavaScript when a user changes the selected option of an element.
*/
readonly onChange: ChangeEventHandler;
/**
* A name used to specify the particular element.
*/
readonly name?: BaseProps['name'];
/**
* Set to true to force the user to select an option in a dropdown menu.
*/
readonly required?: boolean;
/**
* Used to determine the width of a dropdown menu.
*/
readonly width?: 'small' | 'medium' | 'large' | 'full';
readonly variant?: SelectVariant;
readonly placeholder?: string;
/**
* If `true`, SelectNative will be disabled.
*/
readonly disabled?: boolean;
}
export declare const SelectNative: FC;
export {};