@razorpay/blade
Version:
The Design System that powers Razorpay
19 lines (16 loc) • 723 B
JavaScript
import styled from 'styled-components';
import getIn from '../../../utils/lodashButBetter/get.js';
import '../../Box/BaseBox/index.js';
import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
var AnimatedButtonContent = /*#__PURE__*/styled(BaseBox).withConfig({
displayName: "AnimatedButtonContentweb__AnimatedButtonContent",
componentId: "sc-1fkx0t6-0"
})(function (props) {
return {
transform: "scale(".concat(props.isPressed ? '0.95' : '1', ")"),
transitionDuration: getIn(props.theme.motion, props.motionEasing),
transitionTimingFunction: getIn(props.theme.motion, props.motionDuration)
};
});
export { AnimatedButtonContent as default };
//# sourceMappingURL=AnimatedButtonContent.web.js.map