import "./well.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface WellProps extends StyleProps {
    /** The grouped content — a sub-form's fields, an inline fill editor, a nested block. */
    children?: React.ReactNode;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * A tinted, recessed content surface — the "well" INSIDE a Card or Section for a
 * grouped sub-form, an inline fill editor, or a nested detail block. It carries
 * the nested-surface tokens and a gap, so stacked fields keep the form rhythm.
 *
 * `Well` is NOT a `Callout`. A Callout is a status BAND — it announces a
 * message, and for `warning`/`error` it is an ARIA `alert`. Wrapping form fields
 * in an alert is wrong: a screen reader announces the whole form as one
 * time-sensitive alert. The law is: **content + fields go in a `Well`; a
 * message goes in a `Callout`.**
 */
export declare function Well({ children, testID, render, ref, ...props }: WellProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;