@razorpay/blade
Version:
The Design System that powers Razorpay
15 lines (12 loc) • 1.16 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 '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import '../BladeProvider/useTheme.js';
var getTooltipContentWrapperStyles=function getTooltipContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,colorScheme=_ref.colorScheme;var isDarkMode=colorScheme==='dark';return Object.assign({backgroundColor:theme.colors.popup.background.gray.intense,borderRadius:makeBorderSize(theme.border.radius.medium)},isDarkMode&&{borderWidth:makeBorderSize(theme.border.width.thin),borderColor:theme.colors.popup.border.gray.intense,borderStyle:'solid'},{boxShadow:isReactNative()?undefined:castWebType(theme.elevation.lowRaised),backdropFilter:isReactNative()?undefined:`blur(${theme.backdropBlur.high}px)`},styles);};
export { getTooltipContentWrapperStyles };
//# sourceMappingURL=getTooltipContentWrapperStyles.js.map