import * as React from 'react';
import { type FormFieldRules } from './useFormField.js';
export interface FormFieldProps {
    /** RHF field name — also the submitted key. */
    name: string;
    /** 'native' binds the inner input ref; 'controller' wires value/onChange via RHF Controller. */
    mode?: 'native' | 'controller';
    /** Control element: e.g. <TextField/>, <Switch/>, <Select.Root>. */
    control: React.ReactElement;
    /** Field.Label content. */
    label?: React.ReactNode;
    /** Field.Error override — defaults to the RHF error message. */
    error?: React.ReactNode;
    /** Prop the control takes its value from (controller mode). Default 'value' (Switch/Checkbox use 'checked'). */
    valueProp?: string;
    /** Prop the control reports changes through. Default auto-detected ('onCheckedChange' when the control defines it, else 'onValueChange'). */
    changeProp?: string;
    disabled?: boolean;
    /** RHF validation rules (required, min, pattern, validate, …). */
    rules?: FormFieldRules;
}
export declare function FormField({ name, mode, control, label, error, valueProp, changeProp, disabled, rules }: FormFieldProps): React.JSX.Element;
//# sourceMappingURL=FormField.d.ts.map