@razorpay/blade
Version:
The Design System that powers Razorpay
14 lines (11 loc) • 1.08 kB
JavaScript
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { castWebType } from '../../utils/platform/castUtils.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import '../BladeProvider/useTheme.js';
var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile;return Object.assign({width:'100%',maxWidth:makeSpace(isMobile?288:328),position:isReactNative()?'absolute':'relative',backgroundColor:theme.colors.popup.background.subtle,borderWidth:makeBorderSize(theme.border.width.thin),borderRadius:makeBorderSize(theme.border.radius.large),borderColor:theme.colors.popup.border.subtle,borderStyle:'solid',boxShadow:isReactNative()?undefined:castWebType(theme.elevation.midRaised)},styles);};
export { getPopoverContentWrapperStyles };
//# sourceMappingURL=getPopoverContentWrapperStyles.js.map