@razorpay/blade/build/lib/web/production/components/Card/CardSurface.web.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 { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';

var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
  displayName: "CardSurfaceweb__CardSurface",
  componentId: "sc-1pgxikk-0"
})(function (_ref) {
  var elevation = _ref.elevation,
    theme = _ref.theme;
  return {
    width: '100%',
    display: 'flex',
    position: 'relative',
    flexDirection: 'column',
    borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,
    borderStyle: elevation === 'none' ? 'solid' : undefined,
    borderColor: elevation === 'none' ? "".concat(theme.colors.surface.border.gray.muted) : undefined,
    boxSizing: 'border-box'
  };
});

export { CardSurface };
//# sourceMappingURL=CardSurface.web.js.map