import { ReactNode } from "react";
import { FieldPathByValue, FieldValues } from "react-hook-form";
import { type Props as SelectProps } from "react-select";
import { FormFieldLayoutProps } from "../common/FormFieldLayout.js";
type Equal<T1, T2> = T1 extends T2 ? (T2 extends T1 ? true : false) : false;
type OptionValueCodec<TValue, TOption> = {
    optionToFieldValue: (option: TOption) => NonNullable<TValue>;
    fieldValueToOption: (value: NonNullable<TValue>) => TOption | null;
};
type OptionValueCodecProps<TValue, TOption> = Equal<TOption, NonNullable<TValue>> extends true ? Partial<OptionValueCodec<TValue, TOption>> : OptionValueCodec<TValue, TOption>;
export declare function SelectFormField<TValues extends FieldValues, TValue = never, TOption extends object = NonNullable<TValue>, TName extends FieldPathByValue<TValues, TValue> = FieldPathByValue<TValues, TValue>>({ name, options, required, disabled, size, renderOption, async, loadOptions, getOptionLabel, getOptionValue, placeholder, optionToFieldValue: maybeOptionToFieldValue, fieldValueToOption: maybeFieldValueToOption, ...layoutProps }: FormFieldLayoutProps & {
    name: TName;
    required?: boolean;
    disabled?: boolean;
    size?: "normal" | "small";
    renderOption?: (option: TOption) => ReactNode;
} & ({
    async?: false;
    loadOptions?: undefined;
    options: readonly TOption[];
} | {
    async: true;
    loadOptions: (inputValue: string) => Promise<TOption[]>;
    options?: undefined;
}) & Pick<SelectProps<TOption, false>, "getOptionLabel" | "getOptionValue" | "placeholder"> & OptionValueCodecProps<TValue, TOption>): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=SelectFormField.d.ts.map