import type { ElementType } from "react"; import type { CompositeSeparatorOptions } from "../composite/composite-separator.tsx"; import type { Props } from "../utils/types.ts"; import type { MenuStore } from "./menu-store.ts"; declare const TagName = "hr"; type TagName = typeof TagName; /** * Returns props to create a `MenuSeparator` component. * @see https://ariakit.com/components/menu * @example * ```jsx * const store = useMenuStore(); * const props = useMenuSeparator({ store }); * Edit * * Undo * Redo * * Cut * * ``` */ export declare const useMenuSeparator: import("../utils/types.ts").Hook<"hr", MenuSeparatorOptions<"hr">>; /** * Renders a divider between * [`MenuItem`](https://ariakit.com/reference/menu-item), * [`MenuItemCheckbox`](https://ariakit.com/reference/menu-item-checkbox), and * [`MenuItemRadio`](https://ariakit.com/reference/menu-item-radio) elements. * @see https://ariakit.com/components/menu * @example * ```jsx {6} * * Edit * * Undo * Redo * * Cut * * * ``` */ export declare const MenuSeparator: (props: MenuSeparatorProps) => import("react").ReactElement>; export interface MenuSeparatorOptions extends CompositeSeparatorOptions { /** * 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 MenuSeparatorProps = Props>; export {};