@razorpay/blade/build/lib/web/development/components/OverlayContextReset/OverlayContextReset.js

The Design System that powers Razorpay

import 'react';
import { ButtonGroupProvider } from '../ButtonGroup/ButtonGroupContext.js';
import { jsx } from 'react/jsx-runtime';

var noop = {};

/**
 * OverlayContextReset is used to reset contexts that shouldn't leak into overlay content.
 *
 * When components like Popover, Dropdown etc render content,
 * the React context from parent components can leak into the overlay content.
 * For example, if a Popover is triggered from inside a ButtonGroup, buttons
 * inside the Popover would inherit the ButtonGroup's styles (size, variant, etc.).
 *
 * This component resets those contexts so overlay content behaves independently.
 */
var OverlayContextReset = function OverlayContextReset(_ref) {
  var children = _ref.children;
  return (
    /*#__PURE__*/
    // Reset ButtonGroup context so buttons inside overlays don't inherit group styles
    jsx(ButtonGroupProvider, {
      value: noop,
      children: children
    })
  );
};

export { OverlayContextReset };
//# sourceMappingURL=OverlayContextReset.js.map