@yamada-ui/menu/dist/chunk-AGHG37SL.mjs

Yamada UI menu component

"use client"
import {
  useMenu
} from "./chunk-IWH3B4PS.mjs";

// src/menu-group.tsx
import { forwardRef, ui } from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { useId } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
var MenuGroup = forwardRef(
  ({ className, children, label, labelProps, ...rest }, ref) => {
    var _a;
    const { styles } = useMenu();
    const id = useId();
    const labelId = (_a = labelProps == null ? void 0 : labelProps.id) != null ? _a : id;
    const css = { ...styles.group };
    return /* @__PURE__ */ jsxs(
      ui.section,
      {
        ref,
        className: cx("ui-menu__item", "ui-menu__item--group", className),
        "aria-labelledby": labelId,
        role: "group",
        __css: css,
        ...rest,
        children: [
          label ? /* @__PURE__ */ jsx(
            ui.header,
            {
              className: cx("ui-menu__item--group-label"),
              role: "presentation",
              __css: styles.groupLabel,
              ...labelProps,
              id: labelId,
              children: label
            }
          ) : null,
          /* @__PURE__ */ jsx(ui.div, { className: "ui-menu__item__group", children })
        ]
      }
    );
  }
);
MenuGroup.displayName = "MenuGroup";
MenuGroup.__ui__ = "MenuGroup";

export {
  MenuGroup
};
//# sourceMappingURL=chunk-AGHG37SL.mjs.map