import { RegisterOptions } from 'react-hook-form';
import { StylesConfig } from 'react-select';
import { DisableMode } from '../common/common';
/**
 * Component & its Props
 */
interface OptionTypeBase {
    [key: string]: any;
}
export interface MultiSelectWithCheckBoxFieldOption extends OptionTypeBase {
    isDisabled: boolean;
    isFiltered: boolean;
    label: string;
    value: string;
}
export interface MultiSelectWithCheckBoxFieldValue {
    allOptions: MultiSelectWithCheckBoxFieldOption[];
    selectedOptions: string[];
}
export interface MultiSelectWithCheckBoxFieldProps {
    defaultValue: MultiSelectWithCheckBoxFieldValue;
    name: string;
    customStyleConfig?: StylesConfig<MultiSelectWithCheckBoxFieldOption, true>;
    isDisabled?: DisableMode;
    placeholder?: string;
    registerOptions?: RegisterOptions;
    selectedOptionsAlignment?: "left" | "right";
    valueToInfo?: (value: string) => string;
}
export declare const MultiSelectWithCheckBoxField: ({ name, registerOptions, defaultValue, isDisabled, customStyleConfig, placeholder, selectedOptionsAlignment, valueToInfo, }: MultiSelectWithCheckBoxFieldProps) => import("react/jsx-runtime").JSX.Element;
export {};