@razorpay/blade
Version:
The Design System that powers Razorpay
27 lines (24 loc) • 1.04 kB
JavaScript
import styled from 'styled-components';
import { switchMotion } from './switchTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import '../Icons/_Svg/index.js';
import '../../utils/makeMotionTime/index.web.js';
import Svg from '../Icons/_Svg/Svg/Svg.web.js';
import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
var AnimatedThumbIcon = /*#__PURE__*/styled(Svg).withConfig({
displayName: "AnimatedThumbIconweb__AnimatedThumbIcon",
componentId: "sc-3hk5w7-0"
})(function (_ref) {
var isChecked = _ref.isChecked,
theme = _ref.theme;
var easing = getIn(theme, switchMotion.easing.thumbIcon);
var duration = getIn(theme, switchMotion.duration.thumbIcon);
return {
transitionDuration: "".concat(makeMotionTime(duration)),
transitionTimingFunction: easing,
transitionDelay: isChecked ? "".concat(makeMotionTime(theme.motion.delay['2xquick'])) : "0ms",
opacity: isChecked ? 1 : 0
};
});
export { AnimatedThumbIcon };
//# sourceMappingURL=AnimatedThumbIcon.web.js.map