@razorpay/blade
Version:
The Design System that powers Razorpay
37 lines (35 loc) • 1.25 kB
JavaScript
var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
var minHeight = _ref.minHeight,
buttonPaddingTop = _ref.buttonPaddingTop,
buttonPaddingBottom = _ref.buttonPaddingBottom,
buttonPaddingLeft = _ref.buttonPaddingLeft,
buttonPaddingRight = _ref.buttonPaddingRight,
defaultBackgroundColor = _ref.defaultBackgroundColor,
defaultBoxShadow = _ref.defaultBoxShadow,
disabled = _ref.disabled,
isFullWidth = _ref.isFullWidth,
borderRadius = _ref.borderRadius,
height = _ref.height,
_ref$width = _ref.width,
width = _ref$width === void 0 ? 'auto' : _ref$width;
return {
minHeight: minHeight,
height: height,
width: isFullWidth ? '100%' : width,
cursor: disabled ? 'not-allowed' : 'pointer',
backgroundColor: defaultBackgroundColor,
border: 'none',
borderRadius: borderRadius,
boxShadow: defaultBoxShadow,
paddingTop: buttonPaddingTop,
paddingBottom: buttonPaddingBottom,
paddingLeft: buttonPaddingLeft,
paddingRight: buttonPaddingRight,
justifyContent: 'center',
alignItems: 'center',
textDecoration: 'none',
overflow: 'hidden'
};
};
export { getBaseButtonStyles as default };
//# sourceMappingURL=getStyledBaseButtonStyles.js.map