/* menu-section-heading.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./menu-section-heading.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { useMenuSectionContext } from './menu-section-context';
const styles = {
  root: "_11c81vhk _1rjcu2gc _syaz131l _bozg12x7"
};

/**
 * __MenuSectionHeading__
 *
 * The label for the menu section group.
 */
export const MenuSectionHeading = ({
  children
}) => {
  const id = useMenuSectionContext();
  return /*#__PURE__*/React.createElement("p", {
    id: `${id}-heading`,
    className: ax([styles.root])
  }, children);
};