primereact/menu/group/index.mjs

A rich set of premium UI Components for React.

'use client';

import{Component as d,withComponent as f}from"@primereact/core/component";import{mergeProps as l}from"@primeuix/utils";import*as e from"react";import{createOptionalContext as a}from"@primereact/core/utils";var[M,s]=a();import{createOptionalContext as c}from"@primereact/core/utils";var[m,v]=c();var i={as:"div"};var O=f({name:"Menu.Group",defaultProps:i,setup(r){let p=s(),n=r.id,[o,t]=e.useState(void 0),u=e.useMemo(()=>({groupId:n,labelId:o,setLabelId:t}),[n,o]);return{menu:p,context:u}},render(r){let{props:p,ptmi:n,menu:o,context:t}=r,u=l({id:t.groupId,role:"group","data-scope":"menu","data-part":"group","aria-labelledby":t.labelId,className:o?.cx("group")},o?.ptm("group"),n("root"));return e.createElement(m,{value:t},e.createElement(d,{instance:r,attrs:u,children:p.children}))}});export{O as MenuGroup,m as MenuGroupProvider,i as defaultGroupProps,v as useMenuGroupContext};