import React from "react";
interface EditableTitleProps {
    /**
     * The current title value.
     */
    value: string;
    /**
     * Called with the new value when editing is committed (blur or Enter).
     */
    onCommit: (value: string) => void;
    /**
     * If true, the title is rendered as plain (non-editable) text.
     */
    readOnly?: boolean;
    /**
     * Placeholder shown in the input while editing.
     */
    placeholder?: string;
    /**
     * Focus the input when entering edit mode. Defaults to `true`.
     */
    autoFocus?: boolean;
    /**
     * Select the input's content when entering edit mode. Defaults to `true`.
     */
    autoSelect?: boolean;
    /**
     * Content rendered before the title (e.g. a language tag).
     */
    startContent?: React.ReactNode;
    /**
     * Tooltip content shown when hovering the resting title.
     */
    tooltip?: React.ReactNode;
    /**
     * Controls the editing state. When provided, the component is controlled
     * and `onEditingChange` must be used to react to state changes.
     */
    isEditing?: boolean;
    /**
     * Called whenever the editing state should change.
     */
    onEditingChange?: (editing: boolean) => void;
    className?: string;
    "data-testid"?: string;
}
declare const EditableTitle: (({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element) & {
    original: ({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element) & {
        original: ({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element) & {
        original: ({ value, onCommit, readOnly, placeholder, autoFocus, autoSelect, startContent, tooltip, isEditing: controlledEditing, onEditingChange, className, "data-testid": dataTestId }: EditableTitleProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};
export { EditableTitle, type EditableTitleProps };