import { default as React, MouseEventHandler, ReactNode } from 'react';
export type PanelEditableSectionProps = {
    /**
     * The title of the PanelSection.
     */
    title: string | ReactNode;
    /**
     * The content of the PanelSection.
     */
    children: ReactNode;
    /**
     * The content of the PanelSection when in edit mode.
     */
    editSection: ReactNode;
    /**
     * The translation for the cancel button.
     */
    cancelTranslation: string;
    /**
     * The translation for the save button.
     */
    saveTranslation: string;
    /**
     * Whether the save button should be disabled.
     * @default false
     */
    disableSave?: boolean;
    /**
     * Translation for the aria-label of the edit IconButton.
     */
    editButtonLabel?: string;
    /**
     * Function to render an error in the form.
     */
    renderError?(error: Error): ReactNode;
    /**
     * Handler that is called when an error occurs.
     */
    onError?(error: Error): void;
    /**
     * Handler that is called when the form is saved.
     */
    onSave: MouseEventHandler<HTMLButtonElement>;
    /**
     * Handler that is called when the cancel button is clicked.
     */
    onCancel: MouseEventHandler<HTMLButtonElement>;
    /**
     * Handler that is called when the edit mode is toggled.
     */
    onEditClick?: MouseEventHandler<HTMLButtonElement>;
};
export declare function PanelEditableSection({ title, children, editSection, cancelTranslation, saveTranslation, disableSave, renderError, onError, onSave, onCancel, onEditClick, editButtonLabel, ...rest }: PanelEditableSectionProps): React.JSX.Element;
//# sourceMappingURL=PanelEditableSection.d.ts.map