/// <reference types="react" />
import type { ColorFieldColorPickerProps } from '../ColorField';
import type { CommonStudioLayoutConfigProps, WithEditorEvents, WithEditorState } from './types';
import type { StudioLayoutColorFieldConfig } from './types/StudioColorFieldSchema';
export interface StudioLayoutColorFieldConfigProps extends CommonStudioLayoutConfigProps<StudioColorFieldProps, StudioLayoutColorFieldConfig> {
}
export interface StudioColorFieldProps extends Omit<StudioLayoutColorFieldConfig, 'type' | 'style' | 'label' | 'onChange' | 'editorEvents' | 'colorPickerProps'>, WithEditorEvents<StudioColorFieldState> {
    label?: React.ReactNode;
    style?: React.CSSProperties;
    readOnly?: boolean;
    colorPickerProps?: ColorFieldColorPickerProps;
    onChange?(props: {
        value: string;
        partial?: boolean;
    } & WithEditorState<StudioColorFieldState>): void;
}
export interface StudioColorFieldState extends Partial<Pick<StudioColorFieldProps, 'className' | 'style' | 'value' | 'size' | 'label' | 'placeholder' | 'disabled' | 'preventSubmitOnEnter' | 'colorPickerProps' | 'name' | 'required' | 'readOnly'>> {
}
export declare const StudioColorField: import("react").NamedExoticComponent<StudioColorFieldProps>;
export default StudioColorField;