import type { ElementType } from "react";
import type { CompositeGroupOptions } from "../composite/composite-group.tsx";
import type { Props } from "../utils/types.ts";
import type { MenuStore } from "./menu-store.ts";
declare const TagName = "div";
type TagName = typeof TagName;
/**
* Returns props to create a `MenuGroup` component.
* @see https://ariakit.com/components/menu
* @example
* ```jsx
* const store = useMenuStore();
* const props = useMenuGroup({ store });
* Recent Items
*
* ```
*/
export declare const useMenuGroup: import("../utils/types.ts").Hook<"div", MenuGroupOptions<"div">>;
/**
* Renders a group for [`MenuItem`](https://ariakit.com/reference/menu-item)
* elements. Optionally, a
* [`MenuGroupLabel`](https://ariakit.com/reference/menu-group-label) can be
* rendered as a child to provide a label for the group.
* @see https://ariakit.com/components/menu
* @example
* ```jsx {4-8}
*
* Recent Items
*
*
* ```
*/
export declare const MenuGroup: (props: MenuGroupProps) => import("react").ReactElement>;
export interface MenuGroupOptions extends CompositeGroupOptions {
/**
* Object returned by the
* [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not
* provided, the closest [`Menu`](https://ariakit.com/reference/menu) or
* [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'
* context will be used.
*/
store?: MenuStore;
}
export type MenuGroupProps = Props>;
export {};