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 * * * Applications * Google Chrome.app * Safari.app * * * ``` */ 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 * * * Applications * Google Chrome.app * Safari.app * * * * ``` */ 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 {};