@ariakit/react-core/cjs/__chunks/R5LAMPLE.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _XRATBFDXcjs = require('./XRATBFDX.cjs');




var _SQLDFLTEcjs = require('./SQLDFLTE.cjs');



var _4KGS3DOWcjs = require('./4KGS3DOW.cjs');

// src/group/group-label.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var TagName = "div";
var useGroupLabel = _SQLDFLTEcjs.createHook.call(void 0, 
  function useGroupLabel2(props) {
    const setLabelId = _react.useContext.call(void 0, _XRATBFDXcjs.GroupLabelContext);
    const id = _4KGS3DOWcjs.useId.call(void 0, props.id);
    _4KGS3DOWcjs.useSafeLayoutEffect.call(void 0, () => {
      setLabelId == null ? void 0 : setLabelId(id);
      return () => setLabelId == null ? void 0 : setLabelId(void 0);
    }, [setLabelId, id]);
    props = {
      "aria-hidden": true,
      ...props,
      id
    };
    return _misc.removeUndefinedValues.call(void 0, props);
  }
);
var GroupLabel = _SQLDFLTEcjs.forwardRef.call(void 0, function GroupLabel2(props) {
  const htmlProps = useGroupLabel(props);
  return _SQLDFLTEcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useGroupLabel = useGroupLabel; exports.GroupLabel = GroupLabel;