import { ReactElement } from 'react';
import { CSSObject } from '@emotion/react';
import { GroupBase } from 'react-select';
import type { StateManagerProps } from 'react-select/dist/declarations/src/stateManager';
export type Option = {
    value: string | number;
    label: string;
    description?: string;
    isDisabled?: boolean;
};
export interface SelectProps<IsMulti extends boolean, Group extends GroupBase<Option>> extends StateManagerProps<Option, IsMulti, Group> {
    id: string;
    disabled?: boolean;
    dataUieName: string;
    options: Option[] | Group[];
    menuCSS?: CSSObject;
    wrapperCSS?: CSSObject;
    selectControlCSS?: CSSObject;
    selectContainerCSS?: CSSObject;
    selectMenuCSS?: CSSObject;
    selectGroupCSS?: CSSObject;
    selectGroupHeadingCSS?: CSSObject;
    selectMenuPortalCSS?: CSSObject;
    label?: string;
    helperText?: string;
    error?: ReactElement;
    markInvalid?: boolean;
    required?: boolean;
    isMulti?: IsMulti;
    isSearchable?: boolean;
    overlayMenu?: boolean;
    menuListHeading?: string;
    hideControl?: boolean;
}
export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, selectMenuCSS, selectGroupCSS, selectGroupHeadingCSS, selectMenuPortalCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, hideControl, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Select.d.ts.map