import { default as React } from 'react';
export interface FormFieldProps {
    /** Unique identifier for the input element */
    id: string;
    /** Label text displayed above the input */
    label: string;
    /** Input field type */
    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
    /** Current value of the input */
    value: string;
    /** Change handler for the input */
    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Helper text displayed below the input */
    helperText?: string;
    /** Error message (replaces helper text when present) */
    error?: string;
    /** Whether the field is required */
    required?: boolean;
    /** Whether the input is disabled */
    disabled?: boolean;
    /** Maximum length of input */
    maxLength?: number;
    /** Auto-focus on mount */
    autoFocus?: boolean;
    /** Custom class name for the container */
    className?: string;
    /** Custom class name for the input */
    inputClassName?: string;
}
/**
 * FormField Component
 *
 * Reusable form field component with label, input, and helper/error text.
 * Provides consistent styling and structure for form inputs across the application.
 *
 * @example
 * ```tsx
 * <FormField
 *   id="email"
 *   label="Email Address"
 *   type="email"
 *   value={email}
 *   onChange={(e) => setEmail(e.target.value)}
 *   helperText="We'll never share your email"
 *   required
 * />
 * ```
 */
export declare const FormField: React.FC<FormFieldProps>;
//# sourceMappingURL=form-field.d.ts.map