/// <reference types="react" />
import { ColorPickerFormatChangeProps, ColorPickerFormatOption } from '../ColorPicker/ColorPickerBase';
import type { CommonStudioLayoutConfigProps, WithEditorEvents, WithEditorState } from './types';
import type { StudioLayoutColorPickerConfig } from './types/StudioColorPickerSchema';
export interface StudioLayoutColorPickerConfigProps extends CommonStudioLayoutConfigProps<StudioColorPickerProps, StudioLayoutColorPickerConfig> {
}
export interface StudioColorPickerProps extends Omit<StudioLayoutColorPickerConfig, 'type' | 'style' | 'formats' | 'onChange' | 'onFormatChange' | 'editorEvents'>, WithEditorEvents<StudioColorPickerState> {
    style?: React.CSSProperties;
    formats?: ColorPickerFormatOption[];
    onChange?(props: {
        value: string;
        partial?: boolean;
    } & WithEditorState<StudioColorPickerState>): void;
    onFormatChange?(props: ColorPickerFormatChangeProps & WithEditorState<StudioColorPickerState>): string | undefined;
}
export interface StudioColorPickerState extends Partial<Pick<StudioColorPickerProps, 'className' | 'style' | 'value' | 'disabled' | 'format' | 'formats'>> {
}
export declare const StudioColorPicker: import("react").NamedExoticComponent<StudioColorPickerProps>;
export default StudioColorPicker;