@razorpay/blade
Version:
The Design System that powers Razorpay
17 lines (14 loc) • 1.09 kB
JavaScript
import styled from 'styled-components/native';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import '../BladeProvider/useTheme.js';
var StyledDropdownOverlay=styled(BaseBox)(function(props){var theme=props.theme,isInBottomSheet=props.isInBottomSheet,colorScheme=props.colorScheme;return {backgroundColor:theme.colors.popup.background.gray.moderate,borderWidth:'none',borderTopStyle:undefined,borderRadius:makeSize(theme.border.radius.medium),backdropFilter:`blur(${theme.backdropBlur.medium}px)`,boxShadow:isInBottomSheet||isReactNative()?undefined:getPopupBoxShadowString(theme,colorScheme)};});
export { StyledDropdownOverlay };
//# sourceMappingURL=StyledDropdownOverlay.js.map