
import { DividerProps } from "../../Divider/Divider.js";
import * as react from "react";
import { AriaRole } from "react";

//#region src/components/client/Menu/Menu.Divider.d.ts
interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
  /**
   * The role of the divider.
   * @default 'separator'
   */
  role?: AriaRole;
}
/**
 * **〰️ A Menu Divider component**
 *
 * @componentType Client component
 *
 * @description
 * A divider component for the menu.
 *
 * @see The {@link https://uds.build/docs/components/menu-divider Menu.Divider Docs} for more info
 *
 * @example
 * ```tsx
 * 'use client'; // Next.js client component
 *
 * import { Menu, Button } from "@yahoo/uds";
 *
 * export function DividerExample() {
 *   return (
 *     <Menu>
 *       <Menu.Trigger asChild>
 *         <Button>Menu Options</Button>
 *       </Menu.Trigger>
 *       <Menu.Content>
 *         <Menu.Item>Calendar</Menu.Item>
 *         <Menu.Divider>Other actions</Menu.Divider>
 *         <Menu.Item>Clipboard</Menu.Item>
 *         <Menu.Item active>Active Item</Menu.Item>
 *       </Menu.Content>
 *     </Menu>
 *   )
 * }
 * ```
 *
 * @usage
 * Use MenuDivider to separate groups of menu items.
 *
 * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item), [Divider](https://uds.build/docs/components/divider)
 **/
declare const MenuDivider: react.ForwardRefExoticComponent<MenuDividerProps & react.RefAttributes<HTMLDivElement>>;
//#endregion
export { MenuDivider, type MenuDividerProps };