import type { Trait, Editor, Component } from 'grapesjs';
import { ElementType } from 'react';
export type CustomTraitRenderFn = (props: {
    trait: Trait;
    component: Component;
    editor: Editor;
    addEl: (el: HTMLElement) => void;
    removeEl: (el: HTMLElement) => void;
    onUpdate: (fn: () => void) => void;
}) => HTMLElement | (() => void);
export interface CustomTraitComponentProps {
    editor: Editor;
    trait: Trait;
    component: Component;
    value: any;
    disabled?: boolean;
}
export type CustomTraitComponent = React.FC<CustomTraitComponentProps>;
export interface TraitCustomFieldProps extends Omit<CustomTraitComponentProps, 'component'> {
    className?: string;
    label?: React.ReactNode;
    labelAs?: ElementType;
}
declare const TraitCustomField: import("react").FunctionComponent<TraitCustomFieldProps>;
export default TraitCustomField;