/// <reference types="react" />
import type { Editor, Page } from 'grapesjs';
import type { CommonStudioLayoutConfigProps, CommonStudioLayoutProps, StudioLayoutComponentsConfig } from './types';
import type { StudioLayoutPanelEditCodeConfig } from './types/StudioPanelEditCodeSchema';
export interface StudioPanelEditCodeEditableState {
    page?: Page | null;
    code?: string;
    codeStyle?: string;
}
export interface StudioPanelEditCodeState extends Required<Omit<StudioPanelEditCodeEditableState, 'page'>> {
    page?: Page | null;
    isEmail: boolean;
    isCodeChanged: boolean;
    isCodeStyleChanged: boolean;
    hasChanges: boolean;
}
export interface StudioPanelEditCodeLayoutProps {
    editor: Editor;
    state: StudioPanelEditCodeState;
    setState: (props: Partial<StudioPanelEditCodeEditableState>) => void;
    update: () => void;
}
export interface StudioLayoutPanelEditCodeConfigProps extends CommonStudioLayoutConfigProps<StudioPanelEditCodeProps, StudioLayoutPanelEditCodeConfig> {
}
export interface StudioPanelEditCodeProps extends Omit<CommonStudioLayoutProps<StudioLayoutPanelEditCodeConfig, HTMLDivElement>, 'state' | 'layoutBefore' | 'layoutAfter'> {
    state?: (props: {
        editor: Editor;
    }) => Partial<StudioPanelEditCodeEditableState>;
    layoutBefore?: (props: StudioPanelEditCodeLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
    layoutAfter?: (props: StudioPanelEditCodeLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
}
export declare const StudioPanelEditCode: import("react").FunctionComponent<StudioPanelEditCodeProps>;
export default StudioPanelEditCode;