import { ReactElement } from "react";
import { GroupBase } from "react-select";
import { CreatableProps as ReactCreatableProps } from "react-select/creatable";
import { SelectProps } from "./useSelect";
export interface CreatableSelectOption<TValue extends string | number> {
    label: string;
    value: TValue;
    isDisabled?: boolean;
}
export type CreatableSelectExtraProps<TOption, TIsMulti extends boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Pick<ReactCreatableProps<TOption, TIsMulti, TGroup>, "allowCreateWhileLoading" | "onCreateOption">;
export interface CreatableSelectProps<TOption, TIsAsync extends boolean, TIsMulti extends boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> extends SelectProps<TOption, TIsAsync, TIsMulti, TGroup>, CreatableSelectExtraProps<TOption, TIsMulti, TGroup> {
}
/**
 * CreatableSelects are input components used to choose a value from a set.
 *
/**
 * CreatableSelect is a component that allows users to select from existing options or create new ones.
 *
 * @template TOption - The option type.
 * @template TIsAsync - Indicates whether the component is asynchronous.
 * @template TIsMulti - Indicates whether multiple selections are allowed.
 * @template TGroup - The group base type for options.
 * @param {CreatableSelectProps} props - The props to configure the CreatableSelect component.
 * @returns {ReactElement} A ReactElement rendering the CreatableSelect.
 */
export declare const CreatableSelect: <TOption, TIsAsync extends boolean = false, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(props: CreatableSelectProps<TOption, TIsAsync, TIsMulti, TGroup>) => ReactElement;