import { type ElementType, type ReactElement } from 'react';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { PolymorphicComponentProps } from '../../core/types/polymorph.js';
import type { StylingProps } from '../../core/types/styling-props.js';
import { Container } from '../../layouts/container/Container.js';
/**
 * Own props for `FormMessages`, independent of the wrapper element.
 * @internal
 */
export type FormMessagesOwnProps = StylingProps & DataTestId & BehaviorTrackingProps & {
    /**
     * Associates with a `<Form>` by id when rendered outside its subtree (same
     * pattern as a native `<control form="…">`). Reads the nearest `<Form>` via
     * context when omitted.
     */
    form?: string;
};
/**
 * Props for `FormMessages`. Defaults to a `Container` wrapper; pass `as` to
 * swap the wrapper element and take full control of layout and styling.
 * @internal
 */
export type FormMessagesProps<E extends ElementType = typeof Container> = PolymorphicComponentProps<E, FormMessagesOwnProps>;
/**
 * Renders the form-wide errors (`FormValidationError`) of the enclosing — or
 * `form`-associated — `<Form>`. Field errors render in each field's
 * `FormFieldMessages`, never here.
 *
 * By default wraps errors in a `Container` with `color="critical"` and
 * `variant="default"`. Pass `as` to replace the wrapper entirely and take full
 * control of layout and styling (e.g. `as={Flex}`).
 * @internal
 */
export declare const FormMessages: <E extends ElementType = typeof Container>(props: FormMessagesProps<E>) => ReactElement | null;
//# sourceMappingURL=FormMessages.d.ts.map