import type * as React from "react";
import { type useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface GroupByMenuField {
    key: string;
    label: string;
}
export interface GroupByMenuLabels {
    /** The chip's words, and what it reads while nothing groups. */
    groupBy: string;
}
export interface GroupByMenuProps extends StyleProps {
    /** The fields the reader may fold the rows by. */
    fields: readonly GroupByMenuField[];
    /** The field the rows are folded by; `null`, one run. */
    value: string | null;
    onChange: (next: string | null) => void;
    labels?: Partial<GroupByMenuLabels>;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * THE READER'S FOLD OF A REGISTER — a chip in the filter line naming the field the rows are grouped by,
 * its list the fields offered, its ✕ back to one run.
 */
export declare function GroupByMenu(props: GroupByMenuProps): React.JSX.Element;