@razorpay/blade/build/lib/web/development/components/Dropdown/StyledDropdownOverlay.js

The Design System that powers Razorpay

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';

var StyledDropdownOverlay = /*#__PURE__*/styled(BaseBox).withConfig({
  displayName: "StyledDropdownOverlay",
  componentId: "sc-1dik5mo-0"
})(function (props) {
  var theme = props.theme,
    isInBottomSheet = props.isInBottomSheet;
  return {
    backgroundColor: theme.colors.popup.background.subtle,
    borderWidth: isInBottomSheet ? undefined : theme.border.width.thin,
    borderColor: theme.colors.interactive.border.gray.faded,
    borderStyle: isInBottomSheet ? undefined : 'solid',
    borderRadius: makeSize(theme.border.radius.medium)
  };
});

export { StyledDropdownOverlay };
//# sourceMappingURL=StyledDropdownOverlay.js.map