import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import { Ref } from 'react';
import * as _emotion_react from '@emotion/react';
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { GroupBase, Props, StylesConfig, SelectInstance } from 'react-select';

type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group> & {
    zIndex?: number | undefined;
    label?: string | undefined;
    getOptionStyles?: StylesConfig<Option, IsMulti, Group>["option"];
    getControlStyles?: StylesConfig<Option, IsMulti, Group>["control"];
    selectRef?: Ref<SelectInstance<Option, IsMulti, Group>> | undefined;
};
declare function Select<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ zIndex, selectRef, label, openMenuOnFocus, tabSelectsValue, getOptionStyles, getControlStyles, ...rest }: SelectProps<Option, IsMulti, Group>): _emotion_react_jsx_runtime.JSX.Element;
declare const StyledSelect: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: React.ElementType;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

export { Select, type SelectProps, StyledSelect, Select as default };
