@razorpay/blade
Version:
The Design System that powers Razorpay
28 lines (25 loc) • 1.12 kB
JavaScript
import styled from 'styled-components';
import '../Box/BaseBox/index.js';
import '../../utils/index.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
var StyledDropdownOverlay = /*#__PURE__*/styled(BaseBox).withConfig({
displayName: "StyledDropdownOverlay",
componentId: "sc-1dik5mo-0"
})(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(".concat(theme.backdropBlur.medium, "px)"),
boxShadow: isInBottomSheet || isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme)
};
});
export { StyledDropdownOverlay };
//# sourceMappingURL=StyledDropdownOverlay.js.map