import React from 'react';
import { FlintFormField as FlintFormFieldElement } from '@getufy/flint-ui/form-field/flint-form-field';
/**
 * A form field wrapper that provides consistent layout (label + control +
helper text + error message) for any slotted form control.
 *
 * @slot (default) - The form control (e.g. FlintInput, FlintSelect, FlintCheckbox).
 * @slot label - Custom label content (overrides the `label` prop).
 * @slot helper-text - Custom helper text content (overrides the `helper-text` prop).
 * @slot error-message - Custom error message content (overrides the `error-message` prop).
 */
export interface FlintFormFieldProps extends React.HTMLAttributes<FlintFormFieldElement> {
    /** Field label text. */
    label?: string;
    /** Helper text displayed below the control. */
    helperText?: string;
    /** Error message displayed when `error` is true. */
    errorMessage?: string;
    /** Whether the field is in an error state. */
    error?: boolean;
    /** Shows a required indicator next to the label. */
    required?: boolean;
    /** Disables the field and its slotted control. */
    disabled?: boolean;
    /**
     * Label placement relative to the control.
     * Allowed values: 'top' | 'start'
     */
    labelPosition?: 'top' | 'start';
}
export declare const FlintFormField: React.ForwardRefExoticComponent<FlintFormFieldProps & React.RefAttributes<FlintFormFieldElement>>;