import React from "react";
import { Control, FieldValues, Path } from "react-hook-form";

//#region src/components/fields/CodeEditorField.d.ts

/**
 * CodeEditorField component properties
 */
interface CodeEditorFieldProps<TFieldValues extends FieldValues = FieldValues> {
  /**
   * Unique identifier for the field
   */
  id: string;
  /**
   * Optional CSS class name for the container
   */
  className?: string;
  /**
   * Field name for form control
   */
  name: Path<TFieldValues>;
  /**
   * React Hook Form control object
   */
  control: Control<TFieldValues>;
  /**
   * Field label
   */
  label?: string;
  /**
   * Helper text displayed below the field
   */
  helperText?: string;
  /**
   * Placeholder text when empty
   */
  placeholder?: string;
  /**
   * Programming language for syntax highlighting
   */
  language?: string;
  /**
   * Editor theme
   */
  theme?: string;
  /**
   * Editor height
   */
  height?: string;
  /**
   * Editor maximum height (with scrollbar for overflow)
   */
  maxHeight?: string;
  /**
   * Content size threshold for disabling syntax highlighting (default: 5000 chars)
   */
  performanceThreshold?: number;
  /**
   * Whether the field is required
   */
  required?: boolean;
  /**
   * Whether the field is disabled
   */
  disabled?: boolean;
  /**
   * Whether the field is read-only
   */
  readOnly?: boolean;
  /**
   * Custom validation function for code values
   */
  validateCode?: (value: string) => boolean | string;
}
/**
 * CodeEditorField provides syntax-highlighted code editing with form integration.
 *
 * Features:
 * - Syntax highlighting via @uiw/react-textarea-code-editor
 * - React Hook Form integration with Controller
 * - Configurable language support (JSON, TypeScript, etc.)
 * - Performance optimizations with smart highlighting
 * - Constrained height with automatic scrolling
 * - Design system styling integration
 *
 * @example
 * ```tsx
 * <CodeEditorField
 *   id="contractAbi"
 *   name="contractSchema"
 *   control={control}
 *   label="Contract ABI"
 *   language="json"
 *   placeholder="Paste your ABI JSON here..."
 * />
 * ```
 */
declare function CodeEditorField<TFieldValues extends FieldValues = FieldValues>({
  id,
  name,
  control,
  label,
  helperText,
  placeholder,
  language,
  theme,
  height,
  maxHeight,
  performanceThreshold,
  required,
  disabled,
  readOnly,
  validateCode,
  className
}: CodeEditorFieldProps<TFieldValues>): React.ReactElement;
declare namespace CodeEditorField {
  var displayName: string;
}
//#endregion
export { CodeEditorField, CodeEditorFieldProps };
//# sourceMappingURL=code-editor.d.mts.map