import React from "react";
import { OptionProp } from "./SelectProps";
/** Native `<select>` renderer — today's `Select`, unchanged, plus optgroup/disabled from `option.group`/`isDisabled`. */
declare const SelectNative: React.ForwardRefExoticComponent<{
    options: OptionProp[];
    native?: boolean;
    id?: string;
    name?: string;
    label?: string;
    placeholder?: string;
    size?: import("../../Theme/tokens/primitives/controlSizes").ControlSize;
    width?: string | number;
    height?: string | number;
    error?: boolean;
    errorMessage?: string;
    helperText?: string;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    isRequired?: boolean;
    isInformation?: boolean;
    informationMessage?: string;
    formControlStyle?: React.CSSProperties;
    "aria-label"?: string;
    "aria-labelledby"?: string;
    "data-testid"?: string;
    variant?: import("@chakra-ui/react").SelectProps["variant"];
    colorScheme?: import("@chakra-ui/react").SelectProps["colorScheme"];
    icon?: import("@chakra-ui/react").SelectProps["icon"];
    bg?: import("@chakra-ui/react").SelectProps["bg"];
    borderColor?: import("@chakra-ui/react").SelectProps["borderColor"];
    color?: import("@chakra-ui/react").SelectProps["color"];
    errorBorderColor?: import("@chakra-ui/react").SelectProps["errorBorderColor"];
    selectStyle?: React.CSSProperties;
    onBlur?: (event?: React.FocusEvent<HTMLElement>) => void;
    onFocus?: (event?: React.FocusEvent<HTMLElement>) => void;
    isSearchable?: boolean;
    searchValue?: string;
    defaultSearchValue?: string;
    onSearchChange?: (query: string) => void;
    searchDebounceMs?: number;
    searchFields?: ("label" | "description")[];
    filterOption?: (option: OptionProp, query: string) => boolean;
    filterOptions?: boolean;
    isClearable?: boolean;
    onClear?: () => void;
    isLoading?: boolean;
    loadingText?: string;
    isFieldLoading?: boolean;
    rightIcon?: {
        icon: React.ReactNode;
    } | {
        icon: React.ReactNode;
        onClick: () => void;
        ariaLabel: string;
    };
    noOptionsMessage?: React.ReactNode;
    onLoadMore?: () => void;
    hasMore?: boolean;
    renderOption?: (option: OptionProp, state: {
        isSelected: boolean;
        isActive: boolean;
    }) => React.ReactNode;
    renderOptionEnd?: (option: OptionProp, state: {
        isSelected: boolean;
        isActive: boolean;
    }) => React.ReactNode;
    optionAction?: {
        icon: React.ReactNode;
        label: string;
        onAction: (option: OptionProp) => void;
    };
    checkPlacement?: "end" | "start";
    renderValue?: (selected: OptionProp[]) => React.ReactNode;
    onCreate?: (label: string) => void;
    createLabel?: (query: string) => React.ReactNode;
    createWhen?: "no-options" | "no-exact-match";
    footerAction?: {
        label: React.ReactNode;
        onSelect: (query: string) => void;
        icon?: React.ReactNode;
    };
    maxMenuHeight?: string;
    defaultOpen?: boolean;
    virtualizeAfter?: number;
} & {
    isMulti?: false;
    value?: string | number;
    defaultValue?: string | number;
    onChange: (selectedOption: OptionProp | undefined) => void;
} & React.RefAttributes<HTMLSelectElement>>;
export default SelectNative;