/// <reference types="react" />
import type { Editor } from 'grapesjs';
import type { CommonStudioLayoutConfigProps } from './types';
import type { StudioLayoutCustomConfig } from './types/StudioCustomSchema';
interface CustomLayoutRenderFnProps {
    editor?: Editor;
    addEl: (el: HTMLElement) => void;
    removeEl: (el: HTMLElement) => void;
}
type CustomLayoutRenderFn = (props: CustomLayoutRenderFnProps) => undefined | string | HTMLElement | (() => void);
export interface CustomLayoutComponentBaseProps {
    editor: Editor;
}
export interface StudioLayoutCustomConfigProps<CP extends CustomLayoutComponentBaseProps = CustomLayoutComponentBaseProps> extends CommonStudioLayoutConfigProps<StudioCustomLayoutProps<CP>, StudioLayoutCustomConfig> {
}
export interface StudioCustomLayoutProps<CP extends CustomLayoutComponentBaseProps = CustomLayoutComponentBaseProps> extends Omit<StudioLayoutCustomConfig, 'style' | 'type' | 'component' | 'render'> {
    component?: React.ComponentType<CP>;
    componentProps?: Omit<CP, 'editor'>;
    style?: React.CSSProperties;
    render?: CustomLayoutRenderFn;
}
export declare const StudioCustomLayout: import("react").ForwardRefExoticComponent<StudioCustomLayoutProps<CustomLayoutComponentBaseProps> & import("react").RefAttributes<HTMLDivElement>>;
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<StudioCustomLayoutProps<CustomLayoutComponentBaseProps> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
export default _default;