import './Field.css';
import { type JSX } from 'preact';
import type { FieldProps } from './Field.types';
/**
 * A wrapper component for form inputs that provides consistent layout and handling for labels,
 * descriptions (ex. helper text, error text), validation, styling, etc.
 * For use with various input components like `InputText`, `InputDate`, `Select`, etc.
 *
 * FieldChildProps are props passed to children which include a unique identifier (id) and other validation/a11y related props
 *
 * @example
 * ```tsx
 * <Field name="lastName" label="Last name" isValid={valid?.lastName} helper="This is helper text" >
    {(childProps) => (
      <InputText
        {...childProps}
        name="lastName"
        value={data?.lastName}
      />
    )}
  </Field>
 * ```
 */
export declare const Field: ({ className, children, disabled, optional, errorMessage, formatGuidance, helper, helperPosition, isValid, label, name, showErrorIconBottom, showErrorIcon, el, dataTestId, onBlur, onFieldBlur, onFocus, }: FieldProps) => JSX.Element;
