"use client";
import { jsxs, jsx } from "../../packages/jsx/src/jsx-runtime.js";
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
import { Divider } from "../../atoms/Divider/Divider.js";
import { Label } from "../Label/Label.js";
import { Spacing } from "../../tokens/Spacing.js";
const MenuGroup = ({ label, children, ...props }) => {
  return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Group, { ...props, children: [
    /* @__PURE__ */ jsx(
      DropdownMenuPrimitive.Label,
      {
        sx: {
          pl: Spacing["24px"],
          py: Spacing["8px"],
          mb: Spacing["8px"]
        },
        children: /* @__PURE__ */ jsx(Label, { size: "small", children: label })
      }
    ),
    children,
    /* @__PURE__ */ jsx(Divider, { sx: { mx: Spacing["24px"], my: Spacing["24px"], "*:last-of-type > &": { display: "none" } } })
  ] });
};
export {
  MenuGroup
};
