mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
"use client";
|
|
import { renderElement } from "../../utils/use-render.js";
|
|
import { MenuRadioGroupContextProvider, useMenuContext } from "./context.js";
|
|
import { MenuGroupProvider, getMenuGroupProps } from "./use-menu-group.js";
|
|
import { forwardRef } from "react";
|
|
import { jsx } from "react/jsx-runtime";
|
|
//#region src/ui/menu/menu-radio-group.tsx
|
|
/** A group of mutually exclusive radio items. Renders a `<div>` with `role="group"`. */
|
|
const MenuRadioGroup = forwardRef(function MenuRadioGroup({ render, className, style, value, onValueChange, ...elementProps }, forwardedRef) {
|
|
const { state } = useMenuContext();
|
|
return /* @__PURE__ */ jsx(MenuGroupProvider, { children: (labelId) => /* @__PURE__ */ jsx(MenuRadioGroupContextProvider, {
|
|
value: {
|
|
value,
|
|
onValueChange
|
|
},
|
|
children: renderElement("div", {
|
|
render,
|
|
className,
|
|
style
|
|
}, {
|
|
state,
|
|
ref: [forwardedRef],
|
|
props: [getMenuGroupProps(labelId, elementProps), elementProps]
|
|
})
|
|
}) });
|
|
});
|
|
//#endregion
|
|
export { MenuRadioGroup };
|
|
|
|
//# sourceMappingURL=menu-radio-group.js.map
|