@ariakit/react-core
Version:
Ariakit React core
43 lines (29 loc) • 1.21 kB
JavaScript
;Object.defineProperty(exports, "__esModule", {value: true});
var _XRATBFDXcjs = require('./XRATBFDX.cjs');
var _WBFXWJUHcjs = require('./WBFXWJUH.cjs');
var _MZ2HG624cjs = require('./MZ2HG624.cjs');
// src/group/group-label.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var TagName = "div";
var useGroupLabel = _WBFXWJUHcjs.createHook.call(void 0,
function useGroupLabel2(props) {
const setLabelId = _react.useContext.call(void 0, _XRATBFDXcjs.GroupLabelContext);
const id = _MZ2HG624cjs.useId.call(void 0, props.id);
_MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
setLabelId == null ? void 0 : setLabelId(id);
return () => setLabelId == null ? void 0 : setLabelId(void 0);
}, [setLabelId, id]);
props = {
id,
"aria-hidden": true,
...props
};
return _misc.removeUndefinedValues.call(void 0, props);
}
);
var GroupLabel = _WBFXWJUHcjs.forwardRef.call(void 0, function GroupLabel2(props) {
const htmlProps = useGroupLabel(props);
return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
});
exports.useGroupLabel = useGroupLabel; exports.GroupLabel = GroupLabel;