/**
 * Props for Field.Error component
 *
 * Error message component that only displays when field status is 'error'.
 * Automatically hidden when field is in 'basic' or 'success' state.
 */
export interface FieldErrorProps {
    /**
     * Error message text to display
     */
    children: React.ReactNode;
}
/**
 * Field.Error - Error message for form fields
 *
 * Displays error messages below form controls. Only visible when the field
 * status is 'error'. Automatically styled with error colors and hidden when
 * status is 'basic' or 'success'.
 *
 * @category Form Controls
 * @subcategory Layout
 *
 * @example
 * ```tsx
 * <Field.Root status={errors.email ? 'error' : 'basic'}>
 *   <Field.Label htmlFor="email">Email</Field.Label>
 *   <Field.Control>
 *     <Input id="email" name="email" />
 *   </Field.Control>
 *   <Field.Error>
 *     {errors.email?.message || 'Email is required'}
 *   </Field.Error>
 * </Field.Root>
 * ```
 *
 * @accessibility
 * - Uses role="status" for screen reader announcements
 * - Visible only when status is 'error'
 */
export declare const FieldError: ({ children }: FieldErrorProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
