/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../../styles/styler.cjs");
const require_components_Divider_Divider = require("../../Divider/Divider.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/client/Menu/Menu.Divider.tsx
/**
* **〰️ 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)
**/
const MenuDivider = (0, react.forwardRef)(function MenuDivider({ role = "separator", contentPosition = "start", gap = "4", children, spacingVertical = children ? "2" : "0", spacingHorizontal = children ? "4" : "0", className, ...props }, ref) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Divider_Divider.Divider, {
		ref,
		role,
		variant: "inherit",
		contentPosition,
		gap,
		spacingVertical,
		spacingHorizontal,
		slotProps: {
			root: { className: require_styles_styler.getStyles({
				menuitemDividerVariantRoot: "default",
				className
			}) },
			label: { className: require_styles_styler.getStyles({ menuitemDividerVariantText: "default" }) },
			line: { className: require_styles_styler.getStyles({ menuitemDividerVariantLine: "default" }) }
		},
		...props,
		children
	});
});
MenuDivider.displayName = "MenuDivider";
//#endregion
exports.MenuDivider = MenuDivider;
