@razorpay/blade
Version:
The Design System that powers Razorpay
39 lines (37 loc) • 1.33 kB
JavaScript
var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
var defaultBorderColor = _ref.defaultBorderColor,
minHeight = _ref.minHeight,
buttonPaddingTop = _ref.buttonPaddingTop,
buttonPaddingBottom = _ref.buttonPaddingBottom,
buttonPaddingLeft = _ref.buttonPaddingLeft,
buttonPaddingRight = _ref.buttonPaddingRight,
defaultBackgroundColor = _ref.defaultBackgroundColor,
disabled = _ref.disabled,
isFullWidth = _ref.isFullWidth,
borderWidth = _ref.borderWidth,
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,
borderColor: defaultBorderColor,
borderWidth: borderWidth,
borderRadius: borderRadius,
borderStyle: 'solid',
paddingTop: buttonPaddingTop,
paddingBottom: buttonPaddingBottom,
paddingLeft: buttonPaddingLeft,
paddingRight: buttonPaddingRight,
justifyContent: 'center',
alignItems: 'center',
textDecoration: 'none',
overflow: 'hidden'
};
};
export { getBaseButtonStyles as default };
//# sourceMappingURL=getStyledBaseButtonStyles.js.map