import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
import { SelectProps } from '@chakra-ui/react';

type NativeSelectProps = Exclude<SelectProps, "colorScheme" | "variant" | "size"> & {
    label?: string;
};
/**
 * Selects let you choose between several options
 *
 * You should consider only using the Select component when you have more than  4 options. Otherwise, you should use the `<Radio>` component.
 *
 * ```tsx
 * <NativeSelect label="Select level of luxury">
 *  <option>No luxury</option>
 *  <option>Some luxury</option>
 *  <option>Lots of luxury</option>
 *  <option>I'm rich</option>
 * </NativeSelect>
 * ```
 */
declare const NativeSelect: _chakra_ui_system_dist_system_types.ComponentWithAs<"select", NativeSelectProps>;
/**
 * A select component.
 *
 * @deprecated Use NativeSelect instead. Will be removed in the next major version
 */
declare const Select: _chakra_ui_system_dist_system_types.ComponentWithAs<"select", NativeSelectProps>;

export { NativeSelect, NativeSelectProps, Select };