import { AutoSizedTextAreaProps } from "../TextArea/AutoSizeTextArea.js";
import "../TextArea/index.js";
import { FC } from "react";

//#region src/components/EditableField/EditableFieldTextArea.d.ts
/**
 * Props for the EditableFieldTextArea component, extending AutoSizedTextAreaProps
 */
type EditableFieldTextAreaProps = AutoSizedTextAreaProps & {
  /** Callback function called when the user saves the edited value */
  onSave?: (value: string) => void;
  /** Callback function called when the user cancels the edit operation */
  onCancel?: () => void;
};
/**
 * EditableFieldTextArea Component
 *
 * An inline editable textarea field that displays as read-only text until clicked.
 * When activated, it shows an auto-sized textarea with save and cancel buttons.
 * Perfect for multiline text editing with automatic height adjustment.
 *
 * @example
 * ```tsx
 * <EditableFieldTextArea
 *   defaultValue="Multiline text content"
 *   placeholder="Click to edit..."
 *   maxRows={10}
 *   onSave={(value) => console.log('Saved:', value)}
 *   onCancel={() => console.log('Cancelled')}
 * />
 * ```
 *
 * ## Features
 * - **Inline Editing**: Click to edit, displays as formatted text when not editing
 * - **Auto-Sizing**: Automatically adjusts height to fit content
 * - **Save/Cancel Actions**: Built-in save and cancel buttons with callbacks
 * - **Multiline Support**: Preserves line breaks and formatting
 * - **Max Rows Control**: Configurable maximum height with scroll
 * - **Auto-save on Click Away**: Saves automatically when clicking outside
 * - **Ref Forwarding**: Exposes the underlying textarea element reference
 *
 * ## Accessibility
 * - Uses semantic HTML with proper ARIA attributes
 * - Keyboard accessible with tab navigation
 * - Screen reader friendly with descriptive labels
 * - Focus management for edit mode transitions
 * - Preserves whitespace and formatting for screen readers
 *
 * @param props - EditableFieldTextAreaProps extending AutoSizedTextAreaProps
 * @returns React functional component
 */
declare const EditableFieldTextArea: FC<EditableFieldTextAreaProps>;
//#endregion
export { EditableFieldTextArea };
//# sourceMappingURL=EditableFieldTextArea.d.ts.map