import { ReactNode } from 'react';
import { EditableItem } from '../../utils/EditableItem.js';
import { DBProto } from '@nu-art/ts-common';
import { Controller, Props_Controller } from '../../core/Controller.js';
import { InferState } from '../../utils/types.js';
export type EditableRef<Item> = {
    editable: EditableItem<Item>;
};
type _State<Item> = EditableRef<Item> & {
    tag?: string;
};
export type EditableContentType<Opt> = Opt extends DBProto<any> ? Opt['uiType'] : Opt;
export declare abstract class TS_EditableContent<Opt, P = {}, S = {}, ItemType extends EditableContentType<Opt> = EditableContentType<Opt>, Props extends P & EditableRef<ItemType> & Props_Controller = P & EditableRef<ItemType> & Props_Controller, State extends S & _State<ItemType> = S & _State<ItemType>> extends Controller<Props, State> {
    shouldReDeriveState(nextProps: Readonly<Props>): boolean;
    shouldComponentUpdate(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): boolean;
    protected deriveStateFromProps(nextProps: Props, state: State): InferState<this>;
    protected renderProp(label: string, render: ReactNode, className?: string): import("react/jsx-runtime").JSX.Element;
    protected renderPropVertical(label: string, render: ReactNode, className?: string): import("react/jsx-runtime").JSX.Element;
    protected renderPropHorizontal(label: string, render: ReactNode, className?: string): import("react/jsx-runtime").JSX.Element;
    item: () => Partial<ItemType>;
}
export {};