@ariakit/react-core/cjs/__chunks/3GPKUPSG.cjs

Ariakit React core

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

var _6RCXIO6Xcjs = require('./6RCXIO6X.cjs');


var _EOGOO37Xcjs = require('./EOGOO37X.cjs');


var _RDNUVX4Vcjs = require('./RDNUVX4V.cjs');




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

// src/composite/composite-separator.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "hr";
var useCompositeSeparator = _SQLDFLTEcjs.createHook.call(void 0, function useCompositeSeparator2({ store, ...props }) {
  const context = _EOGOO37Xcjs.useCompositeContext.call(void 0, );
  store = store || context;
  _misc.invariant.call(void 0, 
    store,
    process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
  );
  const orientation = _RDNUVX4Vcjs.useStoreState.call(void 0, 
    store,
    (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
  );
  props = _6RCXIO6Xcjs.useSeparator.call(void 0, { ...props, orientation });
  return props;
});
var CompositeSeparator = _SQLDFLTEcjs.forwardRef.call(void 0, function CompositeSeparator2(props) {
  const htmlProps = useCompositeSeparator(props);
  return _SQLDFLTEcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useCompositeSeparator = useCompositeSeparator; exports.CompositeSeparator = CompositeSeparator;