import { ReactElement } from 'react';
import { StylesConfig } from 'react-select';
import { FieldWrapperProps } from '@parlor/components/select-v4';
import { FormAwareProps } from '@parlor/ui/form';
import { Option } from '../../select';
import { Selectable } from '../../utils/types';
export type ColorOption = Option & {
    Component?: JSX.Element;
    color: string;
    id: string;
    label: string;
};
type ColorPickerSelectorProps<T extends ColorOption = ColorOption> = Omit<Selectable<T>, 'renderOption'> & FormAwareProps & FieldWrapperProps & {
    getDefaultValue?(value: keyof T): T;
    transformValue?(value: T): keyof T;
} & {
    styles?: StylesConfig<any>;
    renderMenuHeader?: () => ReactElement<any, any>;
};
export declare const ColorPickerSelector: <T extends ColorOption = ColorOption>({ variation, hint, label, name, rules, size, getDefaultValue, transformValue, ...props }: ColorPickerSelectorProps<T>) => JSX.Element;
export {};
