@razorpay/blade
Version:
The Design System that powers Razorpay
28 lines (25 loc) • 796 B
JavaScript
import React__default from 'react';
import { FloatingArrow } from '@floating-ui/react';
import '../BladeProvider/index.js';
import { jsx } from 'react/jsx-runtime';
import useTheme from '../BladeProvider/useTheme.js';
var PopupArrow = /*#__PURE__*/React__default.forwardRef(function (_ref, arrowRef) {
var context = _ref.context,
width = _ref.width,
height = _ref.height,
fillColor = _ref.fillColor,
strokeColor = _ref.strokeColor;
var _useTheme = useTheme(),
theme = _useTheme.theme;
return /*#__PURE__*/jsx(FloatingArrow, {
ref: arrowRef,
context: context,
width: width,
height: height,
fill: fillColor,
stroke: strokeColor,
strokeWidth: theme.border.width.thin
});
});
export { PopupArrow };
//# sourceMappingURL=PopupArrow.web.js.map