import React from 'react';
import { ResponsiveProp } from '../../types';
import { BoxProps } from '../Box/Box';
import { FormControlProps } from '../FormControl/FormControl';
export declare type SelectInputNativeSize = 'sm' | 'md' | 'lg';
export interface SelectInputNativeProps extends BoxProps, FormControlProps {
    /**
     * List of options for the select input.
     */
    options: {
        value: string | number;
        label: string | number;
    }[];
    /**
     * onChange callback from select element.
     */
    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
    /**
     * Value of selected option. Should match the value key in the option object.
     */
    value: string | number | null;
    /**
     * The input's 'name' attribute.
     */
    name?: string;
    /**
     * Visual indicator that the field is required, that gets appended to the label
     */
    requiredIndicator?: React.ReactNode;
    /**
     * Size of the input. ('sm' | 'md' | 'lg')
     */
    size?: SelectInputNativeSize | ResponsiveProp<SelectInputNativeSize>;
    /**
     * Whether the input is autofocused on initial render.
     */
    autoFocus?: HTMLSelectElement['autofocus'];
    /**
     * Additional props to be spread.
     */
    [x: string]: any;
}
export declare const SelectInputNative: React.FC<SelectInputNativeProps>;